如何在AnQiCMS模板中格式化显示文章的发布时间戳?

📅 👁️ 67

在安企CMS中管理网站内容,我们都希望访客能清晰地看到文章的发布或更新时间。一个清晰、美观的时间格式不仅提升了页面的专业度,也优化了用户体验。安企CMS凭借其灵活的模板引擎,让自定义时间戳的显示格式变得非常简单。

接下来,我们将一起探讨如何在AnQiCMS模板中,精准而优雅地呈现文章的发布时间。

理解AnQiCMS模板中的时间数据

在AnQiCMS中,文章的发布时间(CreatedTime)和更新时间(UpdatedTime)通常以时间戳的形式存储在数据库中。时间戳是一串数字,代表了从某个固定时间点(通常是Unix纪元,即1970年1月1日00:00:00 UTC)到文章发布或更新时刻所经过的秒数。虽然这种原始格式对计算机处理非常高效,但对于用户来说却难以理解。

因此,我们的目标就是将这些数字化的时间戳,转换为我们日常熟悉的“年-月-日 时:分:秒”或其他更易读的格式。

核心工具:stampToDate 标签

AnQiCMS的模板引擎提供了一个名为 stampToDate 的内置标签,它正是我们格式化时间戳的秘密武器。这个标签能够接收一个10位的时间戳,并按照我们指定的格式将其转换为可读的日期字符串。

它的基本使用方式是:{{stampToDate(时间戳变量, "格式字符串")}}

这里面有两个关键部分:

  1. 时间戳变量:这通常是 archive.CreatedTimeitem.CreatedTime(在文章列表循环中)。
  2. 格式字符串:这是决定时间显示样式的关键。它遵循Go语言(AnQiCMS的开发语言)特有的一套日期时间格式化规则。

时间格式化的奥秘:Go语言的参考时间

Go语言的日期时间格式化方式有些特殊,它不是使用常见的Y-m-d H:i:sYYYY-MM-DD HH:MM:SS这样的占位符,而是使用一个特定的参考日期和时间来作为模板。这个参考时间就是:2006-01-02 15:04:05

您需要记住,这个参考时间中的每一个数字和符号都代表着你想要在最终输出中看到的对应部分:

  • 2006 代表年份 (完整4位)
  • 01 代表月份 (带前导零,如01)
  • 02 代表日期 (带前导零,如02)
  • 15 代表小时 (24小时制,带前导零,如15)
  • 04 代表分钟 (带前导零,如04)
  • 05 代表秒钟 (带前导零,如05)

如果参考时间中有其他元素,如Mon(星期一)、Jan(一月),它们也同样有其代表的含义。

这意味着,如果您想输出“年-月-日”,您就按照2006-01-02这个模式来写;如果您想输出“月/日/年”,就写成01/02/2006。系统会根据您提供的这个“模板”来解析并格式化您的实际时间戳。

例如:

  • "2006-01-02" 会显示为 2023-10-27
  • "2006年01月02日" 会显示为 2023年10月27日
  • "15:04:05" 会显示为 10:30:00
  • "2006/01/02 15:04" 会显示为 2023/10/27 10:30
  • "Mon, 02 Jan 2006" 会显示为 Fri, 27 Oct 2023

实际应用:在模板中格式化时间戳

了解了 stampToDate 标签和Go语言的格式化规则后,我们就可以在AnQiCMS模板中实际应用了。

在单个文章详情页 (detail.html)

在文章详情页,我们通常通过 archiveDetail 标签来获取文章的详细信息,其中包括 CreatedTime

假设我们希望显示格式为“发布于:2023年10月27日 10:30”。

<article>
    <h1>{% archiveDetail with name="Title" %}</h1>
    <div class="article-meta">
        {# 获取文章发布时间戳 #}
        {% archiveDetail articleCreatedTime with name="CreatedTime" %}
        {# 使用 stampToDate 格式化并显示 #}
        <span>发布于:{{stampToDate(articleCreatedTime, "2006年01月02日 15:04")}}</span>
        {# 您也可以直接在 archive 变量上操作,更加简洁 #}
        {# <span>发布于:{{stampToDate(archive.CreatedTime, "2006年01月02日 15:04")}}</span> #}
    </div>
    <div class="article-content">
        {%- archiveDetail articleContent with name="Content" %}
        {{articleContent|safe}}
    </div>
</article>

在文章列表页 (list.htmlindex.html)

在文章列表页,我们通常使用 archiveList 标签循环展示多篇文章。在循环体内,我们可以对每一篇文章的 CreatedTime 进行格式化。

假设我们想在列表中的每篇文章下方显示“2023-10-27”。

”`twig

    {% archiveList archives with type
    

相关文章

页面中的超链接如何自动加上`rel="nofollow"`属性以优化SEO?

在网站内容运营中,超链接扮演着至关重要的角色,它们不仅是用户浏览和获取信息的桥梁,更是搜索引擎理解网站结构和传递页面权重(PageRank)的关键。然而,并非所有链接都应该传递权重,尤其是指向外部网站的链接。这时,`rel="nofollow"`属性就派上了用场,它能告诉搜索引擎“不要追踪此链接,也不要将本页面的权重传递给链接目标”。合理使用`rel="nofollow"`

2025-11-07

AnQiCMS如何处理和显示图片资源,包括缩略图和原始大图?

网站内容的魅力,很大一部分来源于图片。它们不仅能够美化页面,更能直观地传达信息,抓住读者的眼球。因此,一个内容管理系统(CMS)如何高效、智能地处理和展示图片资源,对于网站的整体表现至关重要。安企CMS(AnQiCMS)在这方面提供了一套全面而灵活的解决方案,无论是缩略图的自动生成,还是原始大图的优化与呈现,都能帮助我们轻松打理网站的视觉内容。 ### 图片上传与集中管理

2025-11-07

如何在AnQiCMS模板中展示指定分类下的子分类列表?

在使用AnQiCMS构建网站时,清晰地组织内容并便捷地在页面上展示是提升用户体验的关键。特别是对于拥有多级分类结构的内容,如何在模板中灵活地展示指定分类下的子分类列表,是许多用户会遇到的需求。AnQiCMS强大的模板标签体系,尤其是`categoryList`标签,为我们提供了优雅且高效的解决方案。 ### 理解AnQiCMS的分类结构 在深入模板之前,首先要了解AnQiCMS如何管理分类

2025-11-07

AnQiCMS如何配置和显示文章的推荐属性(如头条、推荐、幻灯)?

在AnQiCMS中,让您的重要文章在网站上脱颖而出,例如设置为首页头条、特别推荐或幻灯片展示,是一个非常实用的内容运营策略。AnQiCMS提供了直观的功能,帮助您轻松管理这些文章的推荐属性,并在网站前端灵活展示它们。 ### 后台配置文章的推荐属性 在AnQiCMS的管理后台,配置文章的推荐属性是一个简单而直接的过程。当您进入“内容管理”模块,无论是“添加文档”还是“编辑文档”

2025-11-07

AnQiCMS如何设置和展示网站的伪静态URL结构?

AnQiCMS在网站运营中提供了灵活且强大的伪静态URL结构设置功能,这对于网站的SEO表现和用户访问体验都至关重要。伪静态URL,顾名思义,是让动态生成的页面链接看起来像静态文件路径一样简洁、有规律,从而更易于被搜索引擎抓取和用户理解。 ### 为什么伪静态URL如此重要? 在深入了解AnQiCMS如何设置伪静态之前,我们先来简单回顾一下为什么它在网站运营中占据如此重要的地位: 1.

2025-11-07

如何在AnQiCMS模板中显示当前页面的TDK(Title, Description, Keywords)信息?

在网站运营中,网站的TDK(Title、Description、Keywords)信息扮演着至关重要的角色。它们不仅是搜索引擎理解页面内容的关键,更是用户在搜索结果中决定是否点击您网站的重要依据。一个精心优化的TDK能够显著提升网站在搜索引擎中的排名,并吸引更多目标用户。安企CMS(AnQiCMS)作为一款为SEO优化而生的内容管理系统,自然为TDK的管理提供了强大而灵活的支持

2025-11-07

AnQiCMS如何启用Markdown编辑器,并确保网页能正确显示数学公式和流程图?

AnQiCMS 为内容创作者提供了灵活多样的编辑体验,其中 Markdown 编辑器的引入,更是让许多熟悉这种简洁标记语言的用户如鱼得水。然而,对于数学公式和流程图这类需要特殊渲染的内容,仅仅启用 Markdown 编辑器还不足够。本文将详细指导您如何在 AnQiCMS 中启用 Markdown 编辑器,并确保您的网页能够正确、美观地显示复杂的数学公式和流程图。 ### 一、启用

2025-11-07

如何在AnQiCMS文章内容中实现图片的懒加载(lazyload)功能?

在您的安企CMS(AnQiCMS)网站上,优化图片加载是提升用户体验和网站性能的关键一步,尤其对于那些包含大量图片内容的文章页面。图片懒加载(Lazy Load)技术正是一种高效的解决方案,它能让页面仅加载用户视口内的图片,而将视口外的图片推迟到用户滚动到它们附近时再加载。这样可以显著减少初始页面加载时间,节省带宽,并改善整体的网站响应速度。 AnQiCMS作为一个专注于企业级内容管理的系统

2025-11-07