如何在AnQiCMS前端页面显示友情链接列表？

友情链接是网站之间相互推荐的一种方式，不仅能增加网站的外部链接，对搜索引擎优化（SEO）有所助益，也能为访客提供更多相关资源的入口，提升用户体验。AnQiCMS为我们管理和展示友情链接提供了非常便捷的功能。

接下来，我们将一起了解如何在AnQiCMS中设置友情链接，并将其展示在网站的前端页面上。

一、在AnQiCMS后台管理友情链接

在AnQiCMS中，管理友情链接非常直观。您可以在后台界面找到专门的功能模块来添加、编辑和管理您的友情链接。

首先，登录您的AnQiCMS后台管理系统。在左侧导航菜单中，通常会有一个名为“功能管理”或类似命名的选项。点击进入后，您会看到“友情链接”这一项。

进入友情链接管理页面后，您可以：

• 添加新的友情链接：点击“添加”按钮，输入友情链接的“链接名称”（即显示在网站上的文字）、“链接地址”（即友情链接指向的网址）。此外，您还可以填写“备注”，方便自己管理，并选择是否为该链接添加“nofollow”属性。Nofollow属性对于告诉搜索引擎不要追踪此链接、不传递权重非常有用，这在处理一些外部链接时是常见的SEO实践。
• 编辑现有链接：对于已经添加的友情链接，您可以随时修改它们的名称、地址或Nofollow属性。
• 删除不再需要的链接：轻松删除过时或不再合作的友情链接。

AnQiCMS的友情链接管理功能不仅支持手动添加，还提供了API接口，方便需要批量操作或与其他系统集成的用户进行管理，这大大提高了运营效率。

二、在AnQiCMS前端页面显示友情链接

完成了后台的友情链接设置后，我们就可以着手将这些链接展示在网站的前端页面上。在AnQiCMS的模板系统中，我们主要会用到一个名为 linkList 的标签来获取友情链接数据。

1. 找到合适的模板文件

友情链接通常放置在网站的页脚（footer）、侧边栏（sidebar）或专门的友情链接页面。您可以根据自己的网站设计，选择或创建一个相应的模板文件进行编辑。例如，如果您想在所有页面底部显示友情链接，可以在全局页脚模板文件（如 partial/footer.html 或 base.html 中包含页脚的部分）中添加代码。

2. 使用 linkList 标签获取数据

在您选定的模板文件中，使用 linkList 标签可以轻松获取所有已添加的友情链接。以下是基本的使用示例：

{% linkList friendLinks %}
    {% if friendLinks %}
    <div class="friend-links">
        <h3>友情链接</h3>
        <ul>
            {% for item in friendLinks %}
            <li>
                <a href="{{ item.Link }}" {% if item.Nofollow == 1 %} rel="nofollow"{% endif %} target="_blank">
                    {{ item.Title }}
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
{% endlinkList %}

代码解释：

• {% linkList friendLinks %}：这是核心标签，它会从后台获取所有的友情链接数据，并将这些数据存储在一个名为 friendLinks 的变量中。您可以将 friendLinks 替换为任何您喜欢的变量名。
• {% if friendLinks %}：这是一个条件判断，用于检查 friendLinks 变量中是否有数据。这样做可以避免在没有友情链接时，页面上显示一个空的“友情链接”区域，保持页面整洁。
• <div class="friend-links">...</div>：这是一个HTML结构，您可以根据自己的CSS样式为友情链接列表添加容器和样式类。
• {% for item in friendLinks %}：这是一个循环标签，它会遍历 friendLinks 中的每一个友情链接数据。在每一次循环中，当前的友情链接数据会被赋值给 item 变量。
• <li>...</li>：每个友情链接通常会作为一个列表项（<li>）显示。
• <a href="{{ item.Link }}" ...>：这是链接的核心部分。{{ item.Link }} 会输出当前链接的地址，即您在后台填写的“链接地址”。
• {% if item.Nofollow == 1 %} rel="nofollow"{% endif %}：这是一个非常重要的条件判断。它会检查当前友情链接的 Nofollow 属性是否为 1（即在后台勾选了nofollow）。如果为 1，则会在 <a> 标签中添加 rel="nofollow" 属性。
• target="_blank"：这个属性通常用于让链接在新标签页中打开，避免访客离开您的网站。
• {{ item.Title }}：这会输出当前链接的名称，即您在后台填写的“链接名称”。

3. 样式美化

在您将上述代码添加到模板文件后，您可能还需要通过CSS来美化友情链接的显示效果，使其与您网站的整体风格保持一致。例如，您可以调整字体大小、颜色、列表项的间距，或者将它们排列成多列等。

三、注意事项与小贴士

• 清除缓存：在修改模板文件后，如果前端页面没有立即生效，请记得清除AnQiCMS的系统缓存，以确保最新的模板文件被加载。
• 多站点支持：如果您启用了AnQiCMS的多站点管理功能，并且希望在特定站点上调用其他站点的友情链接，可以在 linkList 标签中添加 siteId 参数来指定要调用的站点ID。例如：{% linkList friendLinks with siteId="2" %}。
• SEO友好：对于大部分友情链接，尤其是交换链接，建议勾选Nofollow属性。这有助于避免搜索引擎误判为“买卖链接”行为，保护您网站的SEO健康。只有当您确信该友情链接对您的网站有实际的推荐意义且您愿意传递权重时，才考虑不添加Nofollow。

通过以上步骤，您可以轻松地在AnQiCMS搭建的网站上管理和展示友情链接，为您的网站增添更多价值。

---

常见问题 (FAQ)

Q1: 我在哪里可以管理友情链接？ A1: 您可以在AnQiCMS后台管理界面的左侧导航栏中，找到“功能管理”，然后点击进入“友情链接”页面进行管理。

Q2: 为什么我的友情链接没有显示出来？ A2: 请检查以下几点：

1.  **后台是否已添加链接？** 确保您已经在后台添加了友情链接。
2.  **模板代码是否正确？** 确认您已将正确的 `linkList` 标签代码放置在前端模板文件中，并且没有语法错误。
3.  **是否清除了缓存？** 在修改模板文件后，请务必清除AnQiCMS的系统缓存。
4.  **是否有CSS样式覆盖？** 检查CSS文件，看是否有样式将友情链接隐藏或显示为不可见状态。

Q3: 如何为友情链接添加 nofollow 属性以优化SEO？ A3: 在AnQiCMS后台添加或编辑友情链接时，会有一个选项让您选择是否为该链接添加 nofollow 属性。勾选该选项后，前端模板中 linkList 标签的示例代码（{% if item.Nofollow == 1 %} rel="nofollow"{% endif %}）会自动为该链接生成 rel="nofollow" 属性，告诉搜索引擎不要追踪此链接，从而实现SEO优化。