如何在Blogger中为自定义标签Poetry创建独立帖子展示区域

方法一：用内置组件快速创建专属页面 #

• 登录Blogger后台，进入「页面」选项卡
• 点击「新建页面」，选择「空白页面」
• 切换到右上角的「HTML视图」，粘贴以下代码：

<div class="widget-content">
  <b:widget id='Blog1' locked='false' title='诗歌专区' type='Blog'>
    <b:widget-settings>
      <b:widget-setting name='query'>label:Poetry</b:widget-setting>
      <b:widget-setting name='numPosts'>10</b:widget-setting> <!-- 可修改显示的帖子数量 -->
      <b:widget-setting name='showDate'>true</b:widget-setting> <!-- 控制是否显示发布日期 -->
      <b:widget-setting name='showAuthor'>false</b:widget-setting> <!-- 控制是否显示作者 -->
    </b:widget-settings>
  </b:widget>
</div>

• 点击「发布」，再进入「布局」选项卡，把刚发布的「诗歌专区」页面添加到侧边栏、顶部导航栏等你想要的位置
• 保存布局后，访问该页面就能看到所有带「Poetry」标签的帖子

方法二：给导航栏加标签快捷入口 #

• 进入「布局」选项卡，找到「导航栏」组件，点击「编辑」
• 在弹出窗口里点击「添加链接」，「链接文本」填「诗歌专区」，「链接地址」填你的博客域名 + /search/label/Poetry（比如https://你的博客名.blogspot.com/search/label/Poetry）
• 调整链接在导航栏的位置，点击「保存」后再保存整体布局
• 用户点击导航栏的「诗歌专区」，就能直接跳转至展示所有诗歌帖子的页面

方法三：自定义模板嵌入固定展示区（进阶） #

• 进入「主题」选项卡，点击「自定义」旁的「编辑HTML」
• 在模板代码里找到你想放置诗歌专区的位置（比如主内容区开头），插入以下代码：

<div class="poetry-section">
  <h2>诗歌专区</h2>
  <b:loop values='data:posts where (p => p.labels any (l => l.name == "Poetry"))' var='post'>
    <div class="poetry-post">
      <h3><a expr:href='data:post.url'><data:post.title/></a></h3>
      <p><data:post.snippet/></p>
      <span class="post-date"><data:post.date/></span>
    </div>
  </b:loop>
</div>

• 点击「保存主题」，博客指定位置就会固定展示所有诗歌帖子，你还可以通过添加CSS代码调整专区的样式

内容的提问来源于stack exchange，提问作者Ali Koçaslan