在PbootCMS中，使用[tags:n]和[tags:i]标签可以方便地生成带序号的标签列表。这两个标签分别表示从0开始和从1开始的序号。以下是详细的说明和示例：

  1. 标签说明：

    • [tags:n]：序号从0开始。
    • [tags:i]：序号从1开始。
    • [tags:link]：链接地址。
    • [tags:text]：标签名称。

  2. 基本用法：

    • 这些标签通常用于循环输出文章的标签列表。你可以在模板文件中使用这些标签来动态生成带序号的标签列表。

  3. 示例代码：

    • 假设你有一个文章详情页，希望在页面底部显示该文章的所有标签，并且带有序号，可以使用以下代码：
      html
       
      <div class="article-tags">
      <h3>文章标签</h3>
      <ol>
      [loop type=tags]
      <li>[tags:i]. <a href="[tags:link]">[tags:text]</a></li>
      [/loop]
      </ol>
      </div>
    • 解释：
      • <ol>：使用有序列表<ol>来显示带序号的标签列表。
      • [tags:i]：获取从1开始的序号。
      • [tags:link]：获取每个标签的链接地址。
      • [tags:text]：获取每个标签的名称。
      • [/loop]：结束标签循环。

  4. 使用[tags:n]的示例：

    • 如果你希望序号从0开始，可以使用[tags:n]。例如：
      html
       
      <div class="article-tags">
      <h3>文章标签</h3>
      <ol>
      [loop type=tags]
      <li>[tags:n]. <a href="[tags:link]">[tags:text]</a></li>
      [/loop]
      </ol>
      </div>
    • 解释：
      • [tags:n]：获取从0开始的序号。

  5. 自定义样式：

    • 你可以通过CSS来自定义标签列表的样式。例如：
      css
       
      .article-tags {
      margin-top: 20px;
      }
      .article-tags h3 {
      font-size: 18px;
      margin-bottom: 10px;
      }
      .article-tags ol {
      list-style-type: decimal;
      padding: 0;
      }
      .article-tags li {
      margin-bottom: 5px;
      }
      .article-tags a {
      text-decoration: none;
      color: #007BFF;
      }
      .article-tags a:hover {
      text-decoration: underline;
      }

  6. 注意事项：

    • 标签循环的范围：确保[loop type=tags]标签放在合适的位置，以便正确地遍历文章的标签。
    • 标签数量限制：如果文章有很多标签，你可能需要考虑分页或限制显示的数量。
    • 标签链接的目标：确保标签链接的目标页面已经正确配置，以便用户点击标签后能够跳转到相关的文章列表。

通过以上步骤，你可以在PbootCMS中使用[tags:n]和[tags:i]标签来生成带序号的标签列表。这些标签提供了灵活的方式来展示和管理文章标签，提升用户体验。