如何在AnQiCMS模板中显示网站名称、Logo、备案号和版权信息？

安企CMS (AnQiCMS) 提供了一套直观而强大的模板系统，让我们可以灵活地在网站上展示各种核心信息。无论是网站的名称、Logo、备案号，还是版权声明，这些都是构成网站品牌形象、满足合规性要求并提升用户信任度的关键要素。本篇文章将深入探讨如何在 AnQiCMS 模板中调用并显示这些信息，确保您的网站内容完整且专业。

AnQiCMS 模板基础：快速回顾

在 AnQiCMS 中，模板文件通常以 .html 为后缀，并统一存放在网站根目录下的 /template 文件夹中。系统采用的是类似 Django 模板引擎的语法，这使得内容调用和逻辑控制变得相当直观。

  • 变量的显示 使用双花括号 {{ 变量名 }}。
  • 逻辑控制和功能标签 使用单花括号和百分号 {% 标签名 参数 %}，且大多数功能标签需要有对应的结束标签 {% end标签名 %}。

了解了这些基础，我们就能更有效地将网站信息融入到模板设计中。

核心信息展示：系统标签 (System Tag) 的应用

AnQiCMS 为网站的基础配置信息提供了一个统一的 system 标签。通过这个标签，我们可以轻松地获取到在后台“全局设置”中配置的各项网站基础数据。

1. 网站名称 (SiteName)

网站名称是您品牌的标识，通常显示在网站的标题栏、页头或页脚等位置。在 AnQiCMS 模板中，您可以通过以下方式调用它：

<div>欢迎访问 {{ system with name="SiteName" }}</div>

或者，如果您想将它赋值给一个变量以便在多个地方使用，可以这样：

{% system siteNameVar with name="SiteName" %}
<h1>{{ siteNameVar }}</h1>

2. 网站 Logo (SiteLogo)

Logo 是网站的视觉核心，用于品牌识别。在后台上传 Logo 后，您可以在模板中轻松引用其图片地址。为了提升网站的无障碍访问性和搜索引擎优化 (SEO)，建议同时为 Logo 图片添加 alt 属性，并将其值设置为网站名称。

<img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />

这里我们巧妙地结合了 SiteLogo 和 SiteName 两个标签，让 Logo 图片的 alt 属性自动获取网站名称，既方便又符合**实践。

3. 网站备案号 (SiteIcp)

对于在中国大陆运营的网站，备案号是法律要求的必要信息，通常放置在网站页脚。调用备案号的标签如下：

<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a>

这里，我们不仅调用了备案号文本，还为它添加了一个链接，指向工业和信息化部政务服务平台，这样用户点击即可验证备案信息，进一步增强了网站的公信力。rel="nofollow" 和 target="_blank" 是常用的 SEO 和用户体验设置。

4. 版权信息 (SiteCopyright)

版权信息声明了网站内容的归属权，通常也位于页脚。它可以是简单的文本，也可以包含 HTML 标签（例如，包含一个链接）。

<div>{% system siteCopyright with name="SiteCopyright" %}{{ siteCopyright|safe }}</div>

请注意这里的 |safe 过滤器。如果您的版权信息在后台设置时包含了 HTML 标签（如链接、加粗等），使用 |safe 可以确保这些 HTML 标签不会被转义，而是被浏览器正确解析显示。但务必谨慎使用 |safe，因为它会取消 AnQiCMS 默认的 XSS 攻击防护。

结合万能 TDK 标签 (TDK Tag) 优化页面标题

除了上述直接的展示，网站名称在页面标题（Title）中也扮演着重要角色，对 SEO 至关重要。AnQiCMS 提供了 tdk 标签来管理页面的 Title、Keywords 和 Description。当我们需要在 Title 中包含网站名称时，可以利用 tdk 标签的 siteName 参数：

<title>{% tdk with name="Title" siteName=true %}</title>

这段代码会智能地获取当前页面的标题，并在其后（或前，取决于模板逻辑）附加网站名称，形成一个更完整的页面标题，例如“文章标题 - 您的网站名称”。sep 参数（默认为 -）还可以自定义标题与网站名称之间的分隔符。

将这些信息放置到模板中

在实际应用中，这些信息通常会集中放置在网站的公共部分，例如 base.html 模板文件的页头（header）或页脚（footer）区域。

以下是一个假设的页脚代码片段示例，展示了如何集成这些信息：

<footer>
    <div class="container">
        <div class="footer-logo">
            <a href="/">
                <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
            </a>
        </div>
        <p>
            版权所有 &copy; {% now "2006" %} {{ system with name="SiteName" }}.
            <span class="separator">|</span>
            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a>
        </p>
        <p class="copyright-text">
            {{ system siteCopyright with name="SiteCopyright" %}{{ siteCopyright|safe }}
        </p>
    </div>
</footer>

在这个示例中，{% now "2006" %} 标签用于动态显示当前的年份，确保版权年份始终是最新的，这是一个很实用的细节。

注意事项与**实践

  • 后台设置入口： 所有这些信息都可以在 AnQiCMS 后台的 系统设置 菜单中进行配置。请确保您已在后台填写了相应的数据，否则模板调用将显示为空。
  • 模板文件位置与编码： 确保您的模板文件（例如 base.html）位于 /template 目录下，并使用 UTF-8 编码保存，以避免中文乱码问题。
  • |safe 过滤器： 再次强调，|safe 过滤器功能强大，但务必谨慎使用。只有当您确定所显示的内容是完全安全的、不包含恶意脚本时，才应使用它，以防范潜在的 XSS 攻击风险。
  • SEO 友好性： 为 Logo 等图片添加 alt 属性不仅能提升无障碍访问性，也对搜索引擎理解图片内容、提升网站 SEO 有积极影响。

通过熟练运用 AnQiCMS 的 system 和 tdk 标签，您可以轻松地将网站的核心信息展示在恰当的位置，为访客提供一个专业、完整且符合规范的浏览体验。

常见问题 (FAQ)

1. 我在后台“全局设置”中填写了网站名称，但前台页面上没有显示，这是为什么？

首先，请确保您的模板文件中正确使用了 {% system with name="SiteName" %} 这样的标签来调用网站名称。其次，AnQiCMS 可能会有缓存机制，尝试在后台点击“更新缓存”按钮，然后清除浏览器缓存（Ctrl+F5 或 Cmd+Shift+R）再刷新页面查看。如果仍然不显示，请检查您的模板文件是否被正确加载或是否存在语法错误。

2. 为什么我的网站备案号链接点击后显示“无法访问此网站”？

这通常不是 AnQiCMS 本身的问题，而是因为您备案号链接的域名与实际备案信息不匹配，或者工业和信息化部政务服务平台（beian.miit.gov.cn）有时会出现访问不稳定或调整。请检查您在后台填写的备案号是否正确无误，并确认 https://beian.miit.gov.cn/ 这个链接是官方且可访问的。AnQiCMS 只是按照您提供的格式生成链接。

**