如何在安企CMS模板中，将文章标题（`Title`）与系统设置的网站名称（`SiteName`）通过`tdk`过滤器拼接输出到``标签？</h1>
<div class="flex items-center gap-4 text-sm text-gray-400 dark:text-gray-500 mb-6 pb-6 border-b border-gray-100 dark:border-gray-800">
<span>📅 </span>
<span>👁️ 49</span>
</div>
<p>在网站运营中，<code><title></code>标签的重要性不言而喻，它不仅是搜索引擎理解页面主题的关键，也是用户在搜索结果中第一眼看到的内容。一个精心构建的页面标题，能够有效提升点击率，并对SEO优化产生积极影响。因此，如何将文章的核心标题与网站的品牌名称有机结合，形成一个既准确又富有吸引力的<code><title></code>标签，是网站模板设计中一个基础而重要的环节。</p>
<p>AnQiCMS作为一款功能丰富的企业级内容管理系统，在模板设计方面提供了极大的灵活性，其模板引擎采用类似Django的语法结构。这意味着，您可以通过双花括号<code>{{ 变量 }}</code>来输出动态内容，并通过单花括号和百分号<code>{% 标签 %}</code>来调用各种内置功能和逻辑控制。这种设计使得即使是非专业开发者，也能相对轻松地理解和修改模板。</p>
<p>要实现在AnQiCMS模板中将文章标题与网站名称拼接输出到<code><title></code>标签，我们需要借助AnQiCMS模板提供的几个核心功能：获取文章详情、获取系统设置以及一个专门用于处理页面SEO元信息的万能<code>tdk</code>过滤器。</p>
<p>首先，文章标题是页面的核心内容标识。当您访问一篇具体的文章详情页时，AnQiCMS会自动识别当前页面的文章数据。您可以通过<code>archiveDetail</code>标签来获取文章的各种属性，其中就包括文章的标题（<code>Title</code>）。</p>
<p>其次，网站名称（<code>SiteName</code>）是您在AnQiCMS后台“全局功能设置”中配置的网站统一名称，它代表了您的品牌。通过<code>system</code>标签，您可以轻松地在模板中获取到这个全局设置，包括<code>SiteName</code>。</p>
<p>而真正将这两者巧妙结合并输出到<code><title></code>标签的关键，就是AnQiCMS提供的<code>tdk</code>过滤器。这个过滤器专门用于处理页面的<code>title</code>、<code>keywords</code>和<code>description</code>等SEO元信息。它非常智能，能够根据当前页面的类型（例如文章详情页、分类列表页或首页）自动抓取最相关的内容。</p>
<p>要利用<code>tdk</code>过滤器将文章标题和网站名称拼接起来，您需要在<code><title></code>标签内部使用<code>{% tdk with name="Title" siteName=true %}</code>这样的语法。这里：</p>
<ul>
<li><code>name="Title"</code>：指示<code>tdk</code>过滤器获取当前页面的标题信息。在文章详情页，它会尝试获取文章的<code>Title</code>字段。</li>
<li><code>siteName=true</code>：这是一个非常便捷的参数，它告诉<code>tdk</code>过滤器在获取到的页面标题后，自动附加上系统设置的网站名称（<code>SiteName</code>）。</li>
<li><code>sep=" - "</code>：您还可以通过<code>sep</code>参数自定义标题与网站名称之间的分隔符，例如<code>" - "</code>、<code>" | "</code>或<code>" _ "</code>等，默认通常是<code>-</code>或<code>_</code>。选择一个既美观又符合SEO习惯的分隔符非常重要。</li>
</ul>
<p>将上述代码放置在模板文件的<code><head></code>区域内，一个典型的文章详情页的<code><title></code>标签会是这样：</p>
<pre><code class="language-html"><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 核心标题标签，自动拼接文章标题和网站名称 -->
<title>{% tdk with name="Title" siteName=true sep=" - " %}</title>
<!-- 同时也可以获取页面的关键词和描述 -->
<meta name="keywords" content="{% tdk with name="Keywords" %}">
<meta name="description" content="{% tdk with name="Description" %}">
{# 这里可以放置其他head内容，例如CSS链接、Favicon等 #}
</head>
<body>
{# 网站主体内容 #}
</body>
</html>
</code></pre>
<p>当您的网站访客浏览一篇名为“AnQiCMS：高效内容管理的秘密武器”的文章时，如果您的网站名称设置为“安企CMS官方站”，那么最终呈现在浏览器标签页上的标题将会是：“AnQiCMS：高效内容管理的秘密武器 - 安企CMS官方站”。</p>
<p>值得一提的是，在AnQiCMS的文章编辑界面，您通常会发现一个“SEO标题（SeoTitle）”的字段。这个字段允许您为文章设置一个专门用于搜索引擎显示的标题，它会在<code>tdk</code>过滤器获取标题时，优先于文章本身的<code>Title</code>字段。这意味着，如果您为文章设置了“SEO标题”，那么<code>tdk</code>过滤器将使用该“SEO标题”与网站名称拼接，而不是文章的常规标题。这为您提供了更精细的SEO控制能力，确保每个页面都能拥有最适合搜索优化的标题。</p>
<p>通常，为了保持全站的一致性，这种<code><title></code>标签的设置会放在网站的通用头部文件（例如<code>base.html</code>或<code>header.html</code>）中，以便所有页面都能自动继承并生成规范的标题。通过这种方式，您无需为每个页面单独编写<code><title></code>标签，AnQiCMS会自动为您处理，大大提高了网站管理和SEO优化的效率。</p>
<hr>
<h3>常见问题 (FAQ)</h3>
<p><strong>1. 为什么我设置了<code>siteName=true</code>，但在<code><title></code>标签中网站名称没有显示出来？</strong></p>
<p>这通常是因为您在AnQiCMS后台的“全局功能设置”中，并没有填写“网站名称（SiteName）”字段，或者字段留空了。请检查后台设置，确保“网站名称”字段有明确的内容。<code>tdk</code>过滤器会从系统设置中读取此信息，如果读取不到，就不会拼接。</p>
<p><strong>2. 我想让某些页面的<code><title></code>标签只显示文章标题，而不拼接网站名称，该怎么做？</strong></p>
<p>您可以在需要单独显示的页面模板中，将<code>tdk</code>过滤器的<code>siteName</code>参数设置为<code>false</code>，或者干脆省略该参数（因为<code>siteName</code>的默认值就是<code>false</code>）。例如，您可以这样写：<code><title>{% tdk with name="Title" siteName=false %}</title></code> 或者直接 <code><title>{% tdk with name="Title" %}</title></code>。这会使AnQiCMS只输出当前页面的标题，而不附加网站名称。</p>
<p><strong>3. 文章的“SEO标题”字段有什么用？它和文章的普通“标题”有什么区别？</strong></p>
<p>文章的“SEO标题”（SeoTitle）字段允许您为搜索引擎设定一个独立的、优化过的标题，它会在<code>tdk</code>过滤器生成<code><title></code>标签时，优先于您在“文章标题”（Title）字段中填写的普通标题。换句话说，如果您设置了“SEO标题”，<code><title></code>标签将使用“SEO标题”；如果您没有设置，则默认使用“文章标题”。这种设计旨在为您提供更大的灵活性，您可以用普通“标题”吸引读者，而用“SEO标题”满足搜索引擎的优化需求。</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/9421.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>
`dump`过滤器在安企CMS模板调试时有哪些**实践，如何清晰地查看复杂变量的结构和值？
</span>
</a>
</div>
<div class="flex-1 justify-end">
<a href="https://www.anqicms.com/blog/9423.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">
`tdk`过滤器在安企CMS中如何配置分隔符（`sep`）和是否显示父级分类标题（`showParent`）？
<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/9421.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">`dump`过滤器在安企CMS模板调试时有哪些**实践，如何清晰地查看复杂变量的结构和值？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在安企CMS的模板开发过程中，我们经常会遇到需要查看变量内容、结构的需求，尤其是在处理那些从后台传递过来、结构复杂的对象时。如果不能清晰地知道变量里到底有什么，调试起来就会像“盲人摸象”一样困难。安企CMS采用了类似Django的Pongo2模板引擎语法，提供了丰富的标签和过滤器来帮助我们构建动态页面，其中一个极其强大的调试利器就是`dump`过滤器。
### `dump`过滤器</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9420.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">如何在安企CMS模板中通过`safe`过滤器，安全地输出后端传递的HTML代码，而避免被转义？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在安企CMS中构建和管理网站，我们常常会利用其强大且灵活的模板系统来呈现丰富多彩的内容。安企CMS的模板引擎借鉴了Django模板的语法，这为我们带来了熟悉的开发体验和强大的功能。然而，在处理从后端传递到前端的HTML代码时，我们会遇到一个重要的安全机制：**自动转义**。
这篇文章将深入探讨如何在安企CMS模板中，通过巧妙运用`safe`过滤器，安全、优雅地输出后端传递的HTML代码</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9419.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">`urlize`和`urlizetrunc`过滤器在安企CMS中，如何自动识别文本中的URL和邮箱地址并转换为可点击的链接？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在安企CMS中管理内容，我们常常会遇到需要在文章正文、评论或其他用户输入文本中展示网址或邮箱地址的场景。如果这些地址只是纯文本，用户就无法直接点击跳转，这会大大降低网站的用户体验。幸运的是，安企CMS内置了强大的模板过滤器，其中`urlize`和`urlizetrunc`就是专门解决这个问题的利器，它们能自动将识别出的网址和邮箱地址转换为可点击的HTML链接。
###</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9418.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">`wordwrap`过滤器在安企CMS模板中，如何对长文本进行自动换行处理，以避免页面布局混乱或溢出？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站内容运营中，我们经常会遇到文章详情、产品描述或是用户评论等场景下，文本内容过长导致页面布局混乱，甚至溢出容器，严重影响用户体验。尤其是当一段没有空格的连续英文单词或是一长串中文出现在狭窄的区域时，浏览器默认的换行机制可能无法满足我们的设计需求。幸好，安企CMS为模板开发者提供了一个非常实用的工具来优雅地解决这个问题——那就是`wordwrap`过滤器。
这个`wordwrap`过滤器</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9423.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">`tdk`过滤器在安企CMS中如何配置分隔符（`sep`）和是否显示父级分类标题（`showParent`）？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营和SEO优化的过程中，页面的标题（Title）是吸引用户点击和提升搜索引擎排名的关键元素。AnQiCMS提供了灵活的`tdk`过滤器，让我们可以精细地控制页面TDK（Title, Description, Keywords）的显示方式。其中，`sep`和`showParent`这两个参数，在构建富有层级感和清晰度的页面标题时发挥着重要作用。
接下来</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9424.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">如何在安企CMS模板中，使用`stringformat`过滤器将价格数字格式化为货币形式（如“¥%.2f”）？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站上展示商品或服务价格时，我们都希望它们看起来清晰专业，一目了然。一串没有货币符号、小数点位数不统一的价格数字，不仅影响美观，也可能让用户对产品的专业性产生疑问。幸运的是，安企CMS（AnQiCMS）强大的模板引擎提供了多种实用的过滤器，其中 `stringformat` 过滤器就是将数字格式化为标准货币形式的利器。
这篇文章将带你了解如何在安企CMS模板中，利用</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9425.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">`stringformat`过滤器在安企CMS中如何处理空值或无效输入，是否会返回错误或默认值？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在安企CMS的模板设计中，我们经常会遇到需要对变量进行格式化输出的场景。这时候，`stringformat`过滤器就显得尤为重要，它能帮助我们将数字、字符串、甚至其他类型的数据按照我们预设的格式清晰地展示出来。不过，在使用这类工具时，一个常见且关键的疑问是：当变量本身是空值或者输入无效时，`stringformat`会如何处理？是直接报错让页面崩溃，还是有更优雅的默认行为？
###</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</span>
</a>
<a href="https://www.anqicms.com/blog/9426.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">如何在安企CMS的评论或留言表单中，使用`escapejs`过滤器安全地处理用户输入的可能包含JS代码的文本？</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">在网站运营中，评论区和留言板是与用户互动、收集反馈的重要渠道。然而，这些用户可以自由填写内容的区域，也常常成为潜在安全风险的入口，尤其是跨站脚本（XSS）攻击。作为网站管理者，我们必须确保用户输入的内容在前端展示时是安全的，不会被恶意利用。安企CMS作为一款专注于提供安全高效内容管理解决方案的系统，为我们提供了强大的工具来应对这类挑战。今天</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-08</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>
