Blogger 模板中 Widget 不显示，通常是因为手动添加了未被系统识别的 代码块，导致 Blogger 解析器跳过默认渲染逻辑；移除冗余的 main includable 即可恢复正常显示。

blogger 模板中 widget 不显示，通常是因为手动添加了未被系统识别的 `` 代码块，导致 blogger 解析器跳过默认渲染逻辑；移除冗余的 `main` includable 即可恢复正常显示。

在 Blogger 自定义模板开发中， 的行为高度依赖于官方预定义的结构约定。你提供的代码中嵌套了一个自定义的 ，这看似无害，实则会覆盖 Blogger 默认的 widget 渲染入口——因为 Blogger 仅在未显式声明 id='main' 时，才自动注入其内置的 main 包含逻辑（负责调用 content、处理 widget 容器、样式类等）。一旦你手动定义了空的或非标准的 main，系统便不再执行默认渲染流程，最终只输出一个空的

—— 这正是你观察到的现象。

✅ 正确做法：仅保留 id='content' 的 includable
Blogger 要求每个 widget 类型（如 Image）必须通过 content includable 提供实际 HTML 内容，而 main includable 应由 Blogger 自动提供（除非你正在深度定制 widget 类型本身，且已完整重写其所有逻辑）。因此，请严格删除以下三行：

<b:includable id='main'>
  <h4>From #Main</h4>
</b:includable>

✅ 修正后的最小可用 widget 片段如下（仅保留必要结构）：

<b:section class='main-logo' id='main-logo' maxwidgets='1' name='Header Logo' showaddelement='yes'>
  <b:widget id='Image1' locked='false' title='' type='Image' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>https://i.ibb.co/kDvnmB5/image.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>145</b:widget-setting>
      <b:widget-setting name='sectionWidth'>1076</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='displayWidth'>734</b:widget-setting>
      <b:widget-setting name='link'/>
      <b:widget-setting name='caption'/>
    </b:widget-settings>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:tag cond='data:link' expr:href='data:link' name='a'>
          <img expr:alt='data:title' 
               expr:height='data:height' 
               expr:id='data:widget.instanceId + "_img"' 
               expr:src='data:sourceUrl' 
               expr: style="max-width:90%"/>
        </b:tag>
        <b:if cond='data:caption'>
          <span class='caption'><data:caption/></span>
        </b:if>
      </div>
    </b:includable>
  </b:widget>
</b:section>

⚠️ 注意事项：

• 不要为标准 widget（如 Image, HTML, BlogArchive）自行添加 main 或 default includable，除非你完全理解 Blogger Widget API 文档（虽不完善，但官方示例是唯一可靠参考）；
• expr: 属性必须使用单引号包裹表达式（如 expr:href='data:link'），双引号内嵌需转义（如 "），否则模板将校验失败；
• 修改后务必点击「保存模板」→「预览」，并在博客前台刷新查看效果；若仍为空，请检查浏览器控制台是否有 XML 解析错误（常见于未闭合标签或非法字符）；
• 推荐从 Blogger 官方主题（如 Contempo、Soledad）导出 .xml 文件，直接参考其 widget 结构，而非第三方主题——后者常含私有扩展或已弃用语法。

总结：Blogger 模板不是自由 HTML，而是基于 XML 的声明式框架。尊重其约定（尤其是 includable 的职责划分），比“复制粘贴再调试”更高效、更可靠。