如何在前端页面上显示网站的友情链接列表？

在网站运营中，友情链接一直是提升网站权重、增加外部流量和增强用户信任度的重要手段。如果您正在使用安企CMS（AnQiCMS）管理您的网站，并且希望在前端页面上展示友情链接列表，您会发现这个过程出乎意料的简单和高效。安企CMS以其简洁的设计和强大的功能，让内容管理变得轻松，友情链接的展示也不例外。

接下来，我们就一起看看如何在安企CMS中实现友情链接的展示。

第一步：在后台管理友情链接

首先，我们需要在安企CMS的后台添加和管理友情链接。这是一个非常直观的过程：

登录到您的安企CMS后台后，您会在左侧导航栏找到“功能管理”菜单。点击进入后，可以看到各种辅助功能选项，其中就包括“友情链接管理”。

进入“友情链接管理”页面，您可以轻松地添加新的友情链接。对于每一个链接，您需要填写以下信息：

• 链接名称：这是友情链接在前端页面上显示的文字。
• 链接地址：这是友情链接实际指向的URL。
• Nofollow属性：这是一个非常实用的SEO功能。当您不希望将您网站的权重传递给某个友情链接，或者链接到一些外部站点时，可以选择启用“Nofollow”属性。这会告诉搜索引擎不要跟踪这个链接，有助于维护您网站的SEO健康度。

您可以根据需要添加任意数量的友情链接，并且可以随时编辑或删除它们。

第二步：在前端模板中调用友情链接列表

完成了后台的友情链接设置后，下一步就是在网站的前端页面上将它们显示出来。安企CMS提供了专门的模板标签来获取这些数据，让您无需编写复杂的数据库查询代码。

通常，友情链接会显示在网站的页脚、侧边栏或者一个独立的“友情链接”页面上。安安企CMS的模板文件位于/template目录下，您可以选择修改bash.html（通常包含网站的头部和底部公共代码）或者在partial/目录下的某个代码片段文件，例如footer.html，来统一展示。当然，如果您只想在某个特定页面展示，直接在该页面的模板文件中添加即可。

安企CMS用于调用友情链接的标签是linkList。它会获取后台配置的所有友情链接数据，并将其封装在一个可供循环遍历的变量中。

以下是您可以在模板中使用的基本代码结构：

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

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

• {% linkList friendLinks %}：这是核心标签，它会从后台获取所有的友情链接数据，并将这些数据赋值给friendLinks这个变量。
• {% if friendLinks %}和{% endif %}：这是一个条件判断，非常重要。它确保只有当friendLinks变量中确实存在数据（即后台设置了友情链接）时，才会渲染这整个div区块。这样可以避免在没有友情链接时，页面上出现一个空的标题或列表，保持页面的整洁。
• {% for item in friendLinks %}和{% endfor %}：这是一个循环结构，它会遍历friendLinks集合中的每一个友情链接项。在每一次循环中，当前链接的数据都会被赋值给item变量。
• {{item.Link}}：用于输出当前友情链接的URL地址。
• {{item.Title}}：用于输出当前友情链接的显示名称。
• {% if item.Nofollow == 1 %} rel="nofollow"{% endif %}：这是一个巧妙的条件判断，它会检查后台为当前链接设置的Nofollow属性。如果该属性为1（表示启用），则会自动为<a>标签添加rel="nofollow"属性，完美支持您的SEO策略。
• target="_blank"：这是一个标准的HTML属性，表示点击链接后，会在新的浏览器标签页中打开目标网站，提升用户体验。

将这段代码添加到您希望显示友情链接的模板文件后，保存并刷新您的网站页面，您就能看到后台配置的友情链接列表了。

第三步：美化友情链接的显示样式

代码部署完成后，您可能还需要对友情链接列表进行一些样式上的调整，使其更好地融入网站的整体设计。您可以通过CSS来控制列表的布局、字体、颜色、间距等。

在您的网站静态资源目录（通常是/public/static/css/）下的样式文件里，您可以针对上面代码中定义的class（例如.friendship-links-section、.section-title、.friendship-links-list、.link-item和.link-anchor）添加CSS规则。例如，您可以让链接横向排列，或者设置鼠标悬停时的动画效果，让页面看起来更加专业和美观。

安企CMS的模板引擎支持Django模板引擎语法，让您在前端进行这些个性化定制时拥有极大的灵活性，您可以根据自己的设计需求，创造出独具风格的友情链接展示区域。

总的来说，安企CMS提供了一套从后台管理到前端展示都非常流畅的友情链接解决方案。它不仅操作简单，而且在SEO优化方面也考虑得非常周到，帮助您的网站更好地与外部世界连接。

常见问题（FAQ）

问1：我可以在网站的任何位置显示友情链接列表吗？ 答：是的，您可以将友情链接的模板调用代码放在任何您希望显示它的前端模板文件中。无论是页脚、侧边栏、独立页面，甚至是文章内容的某个特定位置，只要粘贴相应的linkList标签代码，友情链接列表就能被正确渲染出来。

问2：如果我在后台没有设置任何友情链接，前端页面会显示什么？ 答：如果您后台没有设置任何友情链接，或者所有链接都被删除了，我们文章中提供的代码片段会因为{% if friendLinks %}这个条件判断而不会渲染整个友情链接的div区块。这意味着页面上不会出现空的“友情链接”标题，保持页面的干净整洁。

问3：友情链接的显示顺序可以调整吗？ 答：在安企CMS的后台“友情链接管理”功能中，您可以通过编辑链接来调整它们的显示顺序。通常，系统会按照您添加或最近编辑的顺序进行排列，您可以在后台找到调整排序的选项，或者通过重新编辑链接来改变其在列表中的位置。