如何修改Blogger代码使主页仅显示指定标签‘J’的文章？

针对你遇到的「隐藏其他标签文章导致代码冲突」的问题，推荐直接在模板的帖子循环中添加条件判断，从渲染层面过滤掉非“J”标签的文章，这种方法不会加载无关内容，也不会破坏现有代码逻辑。

具体操作步骤： #

1. 登录你的Blogger后台，进入「主题」→「自定义」→「编辑HTML」
2. 在代码编辑器中，使用快捷键Ctrl+F搜索<b:loop values='data:posts' var='post'>——这是主页加载帖子的核心循环代码
3. 在这个循环内部，把原来的帖子渲染代码用条件判断包裹起来，只保留标签包含“J”的帖子：

<b:loop values='data:posts' var='post'>
  <!-- 添加以下条件判断 -->
  <b:if cond='data:post.labels any (label => label.name == "J")'>
    <!-- 这里保留你原来的帖子内容代码：包括标题、摘要、封面、发布时间等 -->
    <h3 class='post-title'><data:post.title/></h3>
    <div class='post-summary'><data:post.snippet/></div>
    <!-- 其他原有帖子代码... -->
  </b:if>
</b:loop>

4. 点击「保存主题」即可生效

为什么这个方法更安全？ #

• 之前的CSS隐藏方法是加载所有帖子后再隐藏，不仅浪费加载资源，还可能和分页、评论区的JS逻辑冲突；
• 这个条件判断方法是直接跳过非目标标签的帖子渲染，从根源上避免无关内容的加载，不会干扰其他功能代码。

注意事项： #

• 修改模板前务必点击编辑器右上角的「备份/还原」按钮，保存当前模板的备份文件，万一出错可以快速恢复；
• 如果你的模板中帖子循环的变量名不是post（极少数情况），只需把代码中的data:post替换成实际的变量名即可。

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