如何禁用或移除Docusaurus博客文章中的日期显示？

针对静态站点生成器（如Jekyll、Hexo、Hugo） #

这类工具的日期渲染逻辑大多写在文章模板里，直接修改模板文件即可：

Jekyll #

找到文章模板（通常是 _layouts/post.html），删除或注释掉包含 {{ page.date }} 或类似日期渲染的代码块，比如：

<!-- 注释掉这段日期渲染代码 -->
<!-- <p class="post-date">{{ page.date | date: "%Y-%m-%d" }}</p> -->

Hexo #

修改主题的文章模板（一般在 themes/[你的主题名]/layout/_post 目录下的文件），移除包含 date() 或 page.date 的渲染代码，例如：

<!-- 删除日期显示部分 -->
<!-- <span class="post-date"><%= date(page.date, config.date_format) %></span> -->

Hugo #

找到文章模板（通常是 layouts/_default/single.html），删除或注释掉 {{ .Date }} 相关的渲染代码，比如：

<!-- 去掉日期渲染 -->
<!-- <div class="post-meta">Published on {{ .Date.Format "January 2, 2006" }}</div> -->

针对自定义开发的博客组件 #

如果是自己开发的博客系统，直接找到负责渲染文章底部的组件代码，删除日期输出的逻辑即可：

• 比如React组件中，移除类似 {post.date && <div className="post-date">{post.date}</div>} 的代码；
• 原生HTML/JS里，删掉显示日期的DOM元素或生成日期的JS代码。

额外提示 #

如果设空date字段无效，大概率是模板没有判断date是否为空就直接渲染了，所以核心是从模板/组件层面移除日期渲染的代码，而不是仅修改文章的front matter字段。

内容的提问来源于stack exchange，提问作者Daria