AnQiCMS模板如何显示当前文章的上一篇和下一篇文章链接？

在内容运营中，为每篇文章提供导航至上一篇和下一篇的功能，不仅能显著提升用户的阅读体验，还能有效增加网站的内部链接，对搜索引擎优化（SEO）大有裨益。安企CMS以其灵活的模板系统，让这一功能的实现变得直观且高效。通过简短的模板标签，您可以轻松地在文章详情页集成这一实用的导航机制。

核心功能解析：上一篇与下一篇文档标签

安企CMS内置了专门用于获取当前文章上一篇和下一篇文章的模板标签，它们分别是 prevArchive 和 nextArchive。这些标签旨在文章详情页面中使用，系统会根据当前文章在列表中的顺序，自动识别并提供相邻文章的数据。

它们的使用方式非常简洁，不需要复杂的参数设置，只需在标签内定义一个变量名来承载数据即可。例如，您可以使用 {% prevArchive prev %} 来获取上一篇文章的信息，并通过 prev 这个变量来访问其数据；同样地，{% nextArchive next %} 则用于获取下一篇文章的信息，通过 next 变量来操作。

一旦定义了 prev 或 next 这样的变量，我们就可以通过 {{变量名.字段名}} 的形式来访问上一篇或下一篇文章的各种信息了。

标签内部变量及可用字段

在 prev 和 next 变量中，安企CMS提供了丰富的文章相关字段，您可以根据模板设计需求灵活调用。一些最常用的字段包括：

  • 文档标题 (Title): 用于显示文章的名称。
  • 文档链接 (Link): 用于生成可点击的导航链接。
  • 文档封面缩略图 (Thumb): 如果您的设计需要展示上一篇或下一篇的预览图，这个字段非常有用。

当然，您还可以访问其他字段，例如 Id (文档 ID), Description (文档描述), CategoryId (文档分类 ID), Views (文档浏览量) 甚至 CreatedTime (文章发布时间)。对于时间字段，如果需要格式化显示，可以配合 stampToDate 过滤器使用，例如 {{stampToDate(item.CreatedTime, "2006-01-02")}}。

实际应用：编写模板代码

现在，让我们来看看如何在您的安企CMS模板中实际编写这些导航链接。通常，这些代码会放置在 archive/detail.html（或您自定义的文档详情模板）的底部，文章内容的下方。

以下是一个基础示例，它会检查是否存在上一篇或下一篇文章，并显示其标题和链接：

<nav class="article-pagination">
    <div class="prev-article">
        {% prevArchive prev %}
        {% if prev %}
            上一篇：<a href="{{ prev.Link }}">{{ prev.Title }}</a>
        {% else %}
            <span>没有上一篇文章了</span>
        {% endif %}
        {% endprevArchive %}
    </div>
    <div class="next-article">
        {% nextArchive next %}
        {% if next %}
            下一篇：<a href="{{ next.Link }}">{{ next.Title }}</a>
        {% else %}
            <span>没有下一篇文章了</span>
        {% endif %}
        {% endnextArchive %}
    </div>
</nav>

为了提供更直观的视觉体验，您还可以考虑加入文章的缩略图。这能让用户在点击前对内容有一个大致的了解。以下是一个包含缩略图的更完善示例：

”`twig