如何在 AnQiCMS 网站中显示后台管理的友情链接列表？

在 AnQiCMS 网站中显示后台管理的友情链接列表，是一个非常实用的功能，它不仅有助于提升网站的 SEO 效果，也能为访问者提供更多有价值的外部资源。AnQiCMS 提供了一套简洁高效的机制来管理和展示这些链接，让即使是初次接触的用户也能轻松上手。

要实现友情链接的展示，我们主要分两步进行：首先，在 AnQiCMS 的后台管理系统中配置和维护友情链接；其次，在网站的前端模板文件中调用这些链接并进行布局。

后台管理友情链接

进入 AnQiCMS 的后台管理界面后，您会发现所有的核心功能都集中在左侧的导航栏中。友情链接的管理位于“功能管理”菜单下。点击“功能管理”后，找到并选择“友情链接”选项，这里就是我们添加、编辑和删除友情链接的地方。

在添加新的友情链接时，系统会提示您填写几个关键信息：

• 链接名称：这是友情链接在前台显示的名字，例如“AnQiCMS官网”。
• 链接地址：这是该友情链接指向的目标 URL，通常是一个完整的网址，如 https://www.anqicms.com。
• 链接备注：可以为链接添加一些简短的描述或提示，这在某些模板中可以作为 title 属性显示，提供更好的用户体验。
• Nofollow：这是一个非常重要的选项。勾选它意味着告诉搜索引擎不要跟踪这个链接，也不会将当前网站的权重传递给目标网站。在链接到一些非核心内容、推广合作或担心权重流失的网站时，合理使用 Nofollow 属性有助于维护您网站的 SEO 健康度。

完成这些信息的填写后，保存即可将友情链接添加到列表中。后台界面也支持对已有链接进行编辑、排序和删除操作，确保您能够灵活管理链接内容。

前台模板中调用友情链接

当后台的友情链接都配置妥当后，接下来就是将它们呈现在网站的前端页面了。AnQiCMS 强大的模板系统提供了专门的标签 linkList 来调用友情链接数据。

这个标签的使用方式非常直观，它需要一个变量来承载友情链接的数据，例如我们可以命名为 friendLinks。基本的调用结构是这样的：{% linkList friendLinks %} ... {% endlinkList %}。

在 friendLinks 这个变量中，我们可以通过循环遍历的方式，访问每一个友情链接的详细信息。每个链接对象都包含了我们在后台设置的各种字段，如 item.Title（链接名称）、item.Link（链接地址）、item.Remark（备注）和 item.Nofollow（是否勾选了 Nofollow 属性）。

下面是一个典型的友情链接列表展示代码块，通常会被放置在网站的页脚（footer）模板文件，或者专门的友情链接页面中：

{% linkList friendLinks %}
    {% if friendLinks %} {# 确保只有存在友情链接时才显示整个区域，避免页面出现空白标题 #}
    <div class="friend-links-section">
        <h3>友情链接</h3>
        <ul class="friend-links-list">
            {% for item in friendLinks %}
            <li>
                <a href="{{item.Link}}" {% if item.Nofollow == 1 %}rel="nofollow"{% endif %} target="_blank" title="{{item.Remark}}">
                    {{item.Title}}
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
{% endlinkList %}

在这段代码中：

• 我们首先使用 {% linkList friendLinks %} 来获取友情链接数据。
• {% if friendLinks %} 的判断是为了确保当后台没有设置任何友情链接时，前端不会显示“友情链接”这个标题，保持页面的整洁。
• {% for item in friendLinks %} 语句循环遍历每一个友情链接。
• href="{{item.Link}}" 设置了链接的目标地址。
• target="_blank" 确保点击链接时在新窗口或新标签页中打开，避免用户离开当前网站。
• {% if item.Nofollow == 1 %}rel="nofollow"{% endif %} 会根据后台的设置，自动为链接添加 rel="nofollow" 属性。在模板中，布尔类型的 Nofollow 字段通常会被转换为 1（真）或 0（假）。
• title="{{item.Remark}}" 将后台设置的备注作为链接的提示信息。
• {{item.Title}} 显示了链接的名称。

为了让友情链接列表与网站整体风格保持一致，别忘了对 .friend-links-section 和 .friend-links-list 以及 <li>、<a> 标签等 CSS 类进行样式定义，使其融入网站的设计中。

通过 AnQiCMS 简洁明了的后台管理和强大的模板标签功能，显示友情链接列表变得轻而易举。合理利用友情链接不仅能帮助您的网站在搜索引擎中获得更好的表现，也能为访问者提供更多有价值的资源，从而提升整体用户体验。

常见问题 (FAQ)

1. 如果后台没有设置任何友情链接，前端页面会显示“友情链接”这个标题吗？ 不会。在提供的模板代码中，我们特意添加了 {% if friendLinks %} 这个判断。它会检查 friendLinks 变量是否有数据，只有当后台实际存在友情链接时，<h3>友情链接</h3> 和 <ul> 列表才会被渲染出来。如果没有任何链接，整个友情链接区域将不会显示，从而保持页面的整洁。

2. 我能否将友情链接分成不同的组别显示，比如“合作伙伴”和“技术交流”？ 根据 AnQiCMS linkList 标签的当前设计，它会统一获取后台所有已配置的友情链接，并没有内置的参数来直接进行分组。如果您需要实现这种分组显示，可能需要在后台的链接备注中添加特定的标识（例如“合作伙伴-链接名称”），然后在前端模板中通过更复杂的逻辑（如字符串匹配）来手动将链接分配到不同的分组中进行展示。

3. “Nofollow”选项有什么作用？我什么时候应该勾选它？ “Nofollow”是一个 HTML 属性，它告诉搜索引擎不要跟踪或爬取该链接，也不会将当前页面的 PageRank（即权重）传递给目标网站。您应该在以下情况下考虑勾选 Nofollow：当链接到您无法完全信任的外部网站时；当链接是广告、付费链接或推广性质时；或者当链接到与您网站主题相关性不高，但又需要展示的网站时。这有助于保护您网站的 SEO 权重，并避免因链接到低质量网站而受到搜索引擎的惩罚。