AnQiCMS 如何在网站中显示后台配置的系统名称？
📅
👁️ 55
在AnQiCMS网站中便捷显示后台配置的系统名称
网站的系统名称是其在线身份的核心组成部分，它不仅仅是一个简单的名字，更是品牌形象、搜索引擎优化（SEO）和用户识别的关键。对于AnQiCMS的用户来说，合理地在网站前端展示后台配置的系统名称，能够确保网站信息的一致性，提升用户体验和搜索引擎友好度。本文将详细介绍如何在AnQiCMS中找到并灵活运用系统名称，使其在您的网站中无处不在，且恰到好处。
了解AnQiCMS中的“系统名称”
在AnQiCMS的后台，系统名称通常指的是您网站的品牌名称或主标题，它在许多地方都扮演着重要角色。要查看或修改它，您可以登录AnQiCMS后台，导航至“后台设置”菜单，然后点击“全局功能设置”。在这里，您会找到一个名为“网站名称”的配置项。这个值就是AnQiCMS系统识别并用于全站的基础名称。它不仅影响网站的显示标题，也是一些默认功能（如备案信息链接）的基础。
在模板中调用系统名称
AnQiCMS提供了强大的模板标签功能，使得在网站前端获取后台配置信息变得非常简单。要显示系统名称，我们主要会用到一个名为 system 的模板标签。这个标签专门用于获取全局系统配置信息。
使用方法非常直观：您需要指定要获取的配置项的“字段名称”。对于网站名称，其字段名称是 SiteName。
比如，如果您想在一个段落中直接显示网站名称，可以这样编写模板代码：
<p>欢迎访问 {{ system with name="SiteName" }}！</p>
这里的 {% system with name="SiteName" %} 会被后台配置的“网站名称”所替代。为了方便在模板中复用，您也可以将它赋值给一个变量：
{% system siteName with name="SiteName" %}
<p>欢迎访问 {{ siteName }}！</p>
这样，siteName 变量就存储了后台配置的网站名称，可以在当前模板的其他地方重复使用。
结合实际应用场景
系统名称的运用远不止简单地展示文本，它在网站的多个关键位置发挥着提升专业度和SEO效果的作用。
A. 在网站标题（<title>标签）中的应用
网站的 <title> 标签是搜索引擎判断网页内容主题的重要依据，也是用户在浏览器标签页或搜索结果中看到的第一印象。通常，我们希望标题能包含当前页面内容，并以网站名称作为后缀进行品牌识别。AnQiCMS为此提供了 tdk（万能TDK）标签，让这一操作变得灵活且符合SEO**实践。
在模板的 <head> 部分，您可以这样配置：
<title>{% tdk with name="Title" siteName=true %}</title>
这段代码会自动获取当前页面的主标题，并根据后台“全局功能设置”中的“网站名称”作为后缀添加。
如果您想自定义标题分隔符，比如使用 _ 而不是默认的 -，可以这样设置：
”`twig
{% tdk with</p>
</article>
<!-- Prev / Next -->
<div class="mt-12 pt-6 border-t border-gray-200 dark:border-gray-800">
<nav class="flex items-center justify-between gap-4">
<div class="flex-1">
<a href="https://www.anqicms.com/blog/7075.html" class="prev-next-link group flex flex-col items-start px-5 py-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-500 dark:hover:border-blue-400 transition-all duration-200 min-w-[140px]">
<span class="text-xs text-gray-400 dark:text-gray-500 mb-0.5">上一篇</span>
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors flex items-center gap-1">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
在文章详情页，如何显示上一篇和下一篇文章的标题及链接？
</span>
</a>
</div>
<div class="flex-1 justify-end">
<a href="https://www.anqicms.com/blog/7077.html" class="prev-next-link group flex flex-col items-end px-5 py-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-500 dark:hover:border-blue-400 transition-all duration-200 min-w-[140px]">
<span class="text-xs text-gray-400 dark:text-gray-500 mb-0.5">下一篇</span>
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors flex items-center gap-1">
AnQiCMS 模板中如何动态获取并显示网站的Logo图片地址？
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</span>
</a>
</div>
</nav>
</div>
<!-- Related articles -->
<div class="mt-10">
<h3 class="text-base font-semibold text-gray-800 dark:text-gray-200 mb-4">相关文章</h3>
<div class="grid sm:grid-cols-2 gap-4">
<a href="https://www.anqicms.com/blog/7075.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">在文章详情页，如何显示上一篇和下一篇文章的标题及链接？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营中，文章详情页的“上一篇”和“下一篇”导航功能，不仅能有效提升用户的阅读体验，引导他们继续浏览更多内容，还能通过构建内部链接，对网站的SEO表现产生积极影响。对于AnQiCMS的用户来说，实现这一功能既简单又高效。
AnQiCMS提供了一套直观且强大的模板标签系统，使得在文章详情页中展示上一篇和下一篇文章的标题及链接变得轻而易举。您无需进行复杂的编程或数据库查询</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7074.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">如何利用AnQiCMS模板标签在前端页面动态地展示内容数据？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">## 轻松驾驭AnQiCMS模板标签：让网站内容鲜活起来！
在今天的数字世界里，一个能动态展示内容的网站远比静态页面更能吸引访客、提升用户体验。安企CMS（AnQiCMS）为我们提供了一套强大而直观的模板标签系统，无需编写复杂的代码，就能将后台数据灵活地呈现在网站前端。这就像拥有了一系列魔法咒语，轻点几下，网站内容便能鲜活起来。
AnQiCMS的模板标签设计借鉴了Django模板引擎的语法</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7073.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">AnQiCMS的模板文件应如何组织和命名，以实现灵活的内容展示？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在使用AnQiCMS搭建网站时，模板文件的组织与命名是实现灵活内容展示，提高网站维护效率和可扩展性的关键环节。一个结构良好、命名清晰的模板体系，不仅能让您轻松驾驭各种内容类型，还能为未来的功能扩展打下坚实的基础。
### 模板文件的存放与基础约定
AnQiCMS的模板系统采用类似Django的模板引擎语法，这让熟悉前端开发的您会感到十分亲切。所有模板文件都统一使用`.html`作为文件后缀</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7072.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">如何在AnQiCMS中为文章（或其他内容）自定义显示布局和模板文件路径？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在AnQiCMS中，您网站内容的展现形式有着高度的灵活性。无论是文章、产品详情还是独立页面，您都可以根据品牌形象、内容特性或特定的运营需求，为它们量身定制显示布局和模板文件路径。AnQiCMS的这一设计理念，旨在帮助用户摆脱传统CMS的束缚，更自由地掌控网站的视觉呈现与用户体验。
### 灵活的模板机制：AnQiCMS的基础
AnQiCMS采用了类似Django的模板引擎语法</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7077.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">AnQiCMS 模板中如何动态获取并显示网站的Logo图片地址？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站设计中，Logo 不仅仅是品牌的象征，它更是网站识别度的核心。对于 AnQiCMS 这样的内容管理系统，能够灵活地在模板中调用并展示网站 Logo，是提升运营效率和保持品牌一致性的关键。好消息是，AnQiCMS 提供了非常直观和强大的方式来动态获取和显示您的网站 Logo 图片地址，让您无需触碰代码核心就能轻松管理品牌形象。
### 后台设置：Logo 的位置与管理
在 AnQiCMS</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7078.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">如何在 AnQiCMS 网站底部显示备案号和版权信息？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营中，网站底部的信息展示，特别是备案号和版权声明，不仅仅是网站合规性的体现，更是向访问者传递信任和专业度的重要方式。对于使用 AnQiCMS 搭建的网站而言，灵活且高效地在网站底部显示这些关键信息，是提升用户体验和满足法律法规要求的基础操作。
### 在 AnQiCMS 后台设置备案号和版权信息
在 AnQiCMS 中，管理网站的备案号和版权信息非常便捷</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7079.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">AnQiCMS 模板如何显示当前网站的基础URL地址？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营和模板开发中，准确获取并显示当前网站的基础URL地址是一项非常基础但重要的需求。无论是为了正确加载网站的静态资源（如CSS、JavaScript和图片），还是为了构建动态的内部链接，亦或是为了遵循SEO规范生成Canonical URL，了解如何在AnQiCMS模板中灵活调用网站的基础URL都至关重要。AnQiCMS作为一款高效、可定制的内容管理系统，充分考虑了这一需求</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://www.anqicms.com/blog/7080.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">如何通过 AnQiCMS 模板获取并显示后台设置的联系电话和地址？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营中，清晰准确地展示联系方式对于提升用户信任度、促进沟通交流至关重要。AnQiCMS 提供了一套便捷的后台设置和模板调用机制，让您能够轻松管理和展示这些关键信息。本文将详细介绍如何在 AnQiCMS 后台配置联系电话和地址，以及如何在网站模板中获取并灵活显示这些内容。
---
### 一、在 AnQiCMS 后台配置联系电话和地址
首先，我们需要在 AnQiCMS</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
</div>
</div>
</div>
</div>
<!-- ==================== FOOTER ==================== -->
<footer class="border-t border-gray-200 dark:border-gray-800 bg-white dark:bg-[#0f172a]">
<div class="max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8">
<div>
<div class="flex items-center gap-2.5 mb-4">
<div class="w-8 h-8 flex items-center justify-center">
<img src="https://www.anqicms.com/uploads/202606/15/2144e205d561d0a5.webp" alt="搜外科技安企CMS" />
</div>
<span class="text-lg font-bold text-gray-800 dark:text-gray-100">搜外科技安企CMS</span>
</div>
<p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed">基于 GoLang 构建，内存占用比 PHP 类 CMS 降低约 80%，支持多站点、多语言、AI 智能对话与工具调用，是中小企业构建高性能网站的优选方案。</p>
<div class="mt-4">
<ul class="flex gap-2 text-sm text-gray-500 dark:text-gray-400">
<li><a href="https://github.com/fesiong/anqicms" target="_blank" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">GitHub</a></li>
<li><a href="https://gitcode.com/anqicms/anqicms" target="_blank" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">GitCode</a></li>
</ul>
</div>
</div>
<div>
<h4 class="text-sm font-semibold text-gray-800 dark:text-gray-200 mb-4">安企CMS</h4>
<ul class="space-y-2 text-sm text-gray-500 dark:text-gray-400">
<li><a href="/about.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">关于</a></li>
<li><a href="/download.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">下载</a></li>
<li><a href="/price.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">价格</a></li>
<li><a href="/demo.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">演示</a></li>
<li><a href="/changelog" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">版本记录</a></li>
<li><a href="/donation.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">授权&捐赠</a></li>
<li><a href="https://tool.anqicms.com/" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">在线工具集</a></li>
</ul>
</div>
<div>
<h4 class="text-sm font-semibold text-gray-800 dark:text-gray-200 mb-4">文档</h4>
<ul class="space-y-2 text-sm text-gray-500 dark:text-gray-400">
<li><a href="/help" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">使用帮助</a></li>
<li><a href="/manual" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">模板开发</a></li>
<li><a href="/anqiapi/10553.html" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">API 文档</a></li>
<li><a href="/design/1" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">模板市场</a></li>
<li><a href="/question" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">问题交流</a></li>
<li><a href="/blog" class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">安企博客</a></li>
</ul>
</div>
<div>
<h4 class="text-sm font-semibold text-gray-800 dark:text-gray-200 mb-4">联系</h4>
<ul class="space-y-2 text-sm text-gray-500 dark:text-gray-400">
<li><span class="text-gray-400">微信：websafety</span></li>
<li><img class="w-36 h-36" src="https://www.anqicms.com/uploads/202606/15/b16d713b5a923eb6.webp" /></li>
</ul>
</div>
</div>
<div class="mt-10 pt-6 border-t border-gray-100 dark:border-gray-800 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-gray-400 dark:text-gray-500">
<p>Copyright © 2019-2025 深圳市搜外科技有限公司, AGPL-3.0 License.
<a href="/privacy.html">隐私权</a>
<a href="/terms.html">条款</a>
<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">粤ICP备2024356999号</a>
</p>
<p><a href="https://www.anqicms.com/" target="_blank">安企内容管理系统(AnQiCMS)</a>，让天下都是安全的网站</p>
</div>
</div>
</footer>
<script src="https://www.anqicms.com/static/official/js/app.js"></script>
</body>
</html>