如何为Jekyll页面Front Matter日期添加自定义短注释？

步骤1：在页面Front Matter中添加自定义注释字段 #

给每个需要添加注释的页面，在顶部的Front Matter（YAML格式块）里新增一个自定义字段，比如date_note（字段名可自行修改，只要前后统一即可）：

示例（页面1的Front Matter）：

---
title: 页面1
date: 2022-01-01
date_note: for 2 months
---

示例（页面2的Front Matter）：

---
title: 页面2
date: 2023-03-01
date_note: for 1 month
---

步骤2：修改日期显示模板代码 #

把你之前编辑的日期模板代码，改成能判断并输出这个自定义字段的版本：

修改后的代码：

{% if page.date %}
<div class="project-date">
<strong>Date </strong><span>{{ page.date | date: "%B %Y"}}{% if page.date_note %} - {{ page.date_note }}{% endif %}</span>
</div>
{% endif %}

效果说明 #

• 带有date_note字段的页面，会显示类似 January 2022 - for 2 months 的完整内容
• 未添加该字段的页面，只会显示原本的日期格式（如March 2023），不会出现多余符号或空白

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