如何在Blogger静态页面中正常展示全量标签列表？

操作前请先备份完整的Blogger模板代码，避免修改出错无法回滚。

步骤1：调整标签小部件的显示规则 #

你提供的标签小部件本身逻辑无异常，无法按需求生效是因为默认设置为全局显示，仅需修改部件的可见性条件，让它只在你指定的分类页面加载：
找到原有小部件的开头代码：

<b:widget id='Label3' locked='false' title='Ca Sĩ' type='Label' visible='true'>

将其中的visible='true'替换为条件判断语句即可：

<b:widget id='Label3' locked='false' title='Ca Sĩ' type='Label' expr:visible='data:blog.canonicalUrl endsWith "/p/categories.html"'>

修改完成后该标签列表只会在路径为/p/categories.html的页面显示，主页、侧边栏等其他位置不会加载。

步骤2：创建指定路径的静态页面 #

登录Blogger后台进入「页面」管理板块，点击新建页面：

• 页面标题设置为你想要对外展示的分类页标题（如「全部分类」）
• 打开页面设置中的「永久链接」选项，选择自定义永久链接，填入categories，保存后页面访问路径自动生成为/p/categories.html
• 页面内容无需填写额外内容，直接发布即可。

步骤3：调整标签列表展示位置（可选） #

如果原有标签小部件挂载在侧边栏区块，默认会在分类页的侧边栏显示，若你想要把标签列表放到分类页的主内容区，只需将你提供的整段Label3部件代码，剪切粘贴到模板中静态页内容渲染的对应区块即可，通常静态页内容区块是id为main或post-body的<b:section>标签内部。

备选方案（无需修改原有部件） #

如果你不想调整模板的部件结构，也可以直接在新建的静态页中插入自定义代码渲染标签列表：

1. 编辑静态页时切换到HTML编辑模式
2. 粘贴如下代码到内容区，发布即可

<ul>
  <b:loop values='data:labels' var='label'>
    <li>
      <a class='label-name' expr:href='data:label.url'>
        <data:label.name/>
        <span class='label-count'>(<data:label.count/>)</span>
      </a>
    </li>
  </b:loop>
</ul>

内容的提问来源于stack exchange，提问作者Rick