怎样在前端模板中显示网站的友情链接列表？

在网站运营中，友情链接不仅仅是网站之间互通的桥梁，更是提升网站权重、增加外部流量、优化搜索引擎排名的重要策略之一。合理配置和展示友情链接，能够有效改善网站的SEO表现，同时为用户提供更多有价值的外部资源。AnQiCMS 作为一款高效的内容管理系统，充分考虑了这一需求，提供了简便直观的方式来管理和在前端模板中展示友情链接。

后端管理：友情链接的设置与维护

要在前端页面展示友情链接，首先需要在 AnQiCMS 的后台进行管理和配置。系统提供了专门的模块，让您可以轻松地完成这些操作。

您可以通过后台导航至“功能管理”模块，然后找到“友情链接管理”。在这里，您可以方便地添加、编辑或删除友情链接，并为每个链接设置名称、URL、备注以及是否添加 nofollow 属性等信息。nofollow 属性的设置尤其重要，它可以帮助您控制网站与外部链接之间的关系，避免不必要的SEO风险，确保链接质量。

前端展示：如何通过模板标签调用友情链接

一旦在后台设置好友情链接，接下来就是如何在网站的前端模板中将它们呈现出来。AnQiCMS 采用了类似 Django 模板引擎的语法，通过简洁的模板标签即可实现数据的动态调用。对于友情链接列表，系统提供了一个专门的标签——linkList。这个标签能够帮助我们轻松地获取所有已配置的友情链接数据。

要在您的网站模板中显示友情链接，您可以将以下代码片段放置在希望显示的位置，例如网站的页脚 (footer.html) 或侧边栏 (sidebar.html)：

{% linkList friendLinks %}
{% if friendLinks %}
<div class="friendly-links-section">
    <h3>友情链接</h3>
    <ul class="friendly-links-list">
        {% for item in friendLinks %}
        <li class="link-item">
            <a href="{{ item.Link }}"{% if item.Nofollow == 1 %} rel="nofollow"{% endif %} target="_blank">{{ item.Title }}</a>
            {% if item.Remark %}<span class="link-remark">（{{ item.Remark }}）</span>{% endif %}
        </li>
        {% endfor %}
    </ul>
</div>
{% endif %}
{% endlinkList %}

让我们来详细解读这段代码：

首先，{% linkList friendLinks %} 是调用友情链接的核心标签。它会从 AnQiCMS 后台获取所有已配置的友情链接数据，并将这些数据存储在一个名为 friendLinks 的变量中供后续使用。{% endlinkList %} 标志着这个标签调用的结束。

接着，{% if friendLinks %} 语句是一个条件判断，它检查 friendLinks 变量中是否有实际的数据。这是一个良好的编程习惯，可以避免在没有友情链接时在页面上显示一个空的区域，提升用户体验。

如果存在友情链接，代码会进入一个 div 容器，通常可以给这个容器添加一些CSS类名（例如 friendly-links-section）以便于样式控制。其中 <h3>友情链接</h3> 是一个标题，您可以根据自己的需求修改或移除。

核心的展示逻辑在于 {% for item in friendLinks %} 循环。这个循环会遍历 friendLinks 列表中的每一个友情链接，每一次迭代都会将当前链接的数据赋值给 item 变量。

在循环内部，<li> 元素用于包裹单个友情链接。item.Link 获取的是您在后台设置的友情链接的URL地址，item.Title 则是链接的显示名称。

特别要注意的是 {% if item.Nofollow == 1 %} rel="nofollow"{% endif %} 这段代码。它会根据您在后台为该友情链接是否勾选了“nofollow”选项，自动在HTML标签中添加 rel="nofollow" 属性。这对于告知搜索引擎不要追踪此链接并传递权重至关重要，有助于维护您网站的SEO健康。同时，target="_blank" 属性是常见的实践，它会让友情链接在新窗口或新标签页中打开，避免用户离开您的网站。

最后，{% if item.Remark %}<span class="link-remark">（{{ item.Remark }}）</span>{% endif %} 允许您展示在后台为链接添加的备注信息，这对于某些需要额外说明的友情链接非常有用。

灵活运用与注意事项

这段代码提供了核心的数据调用逻辑。至于友情链接的样式和布局，您可以根据网站的整体设计，通过 CSS 进行美化和调整，例如设置链接颜色、字体大小、列表间距等。

如果您正在使用 AnQiCMS 的多站点管理功能，并且希望调用其他站点的友情链接，可以在 linkList 标签中添加 siteId 参数，例如 {% linkList friendLinks with siteId="2" %}。这里的 "2" 代表您要调用的目标站点的ID。

通过 AnQiCMS 提供的 linkList 标签和灵活的模板语法，展示友情链接变得非常简单高效。这不仅能帮助您优化网站的 SEO 表现，也能为用户提供更好的导航体验。

常见问题 (FAQ)

1. 友情链接的 nofollow 属性有什么作用？我应该在什么时候使用它？

nofollow