1. 语言日期格式定义


在项目根目录下,新建或编辑 _data/strings.yml 文件,添加如下内容:

en:
  date_format: "%B %-d, %Y"
zh:
  date_format: "%Y年%-m月%-d日"

该文件用于集中管理各语言的格式定义,便于后续扩展和维护。


2. 修改对应文件


打开 _includes/latest_posts.liquid 文件,找到循环输出部分,


{% for item in latest_posts_all limit: latest_posts_limit %}

在对应位置,更新或添加如下代码:


{% assign date_str = '' %}
{% if page.lang == 'zh' %}
  {% assign date_str = item.date | date: '%Y年%-m月%-d日' %}
{% else %}
  {% assign date_str = item.date | date: '%B %-d, %Y' %}
{% endif %}

<span class="news-date"> — {{ date_str }}</span>


3. 添加样式


可以将以下 CSS 添加到主样式表中,如 /assets/css/main.scss 或页面 <style> 标签中:

// 日期颜色稍淡一些
.news-date {
  color: #888;
  font-size: 0.9em;
  margin-left: 0.5em;
  white-space: nowrap;
}