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;
}

草稿

2025-07-25 al-folio 原生中英双语改造完整指南

一、项目结构规划

1.1 目录结构设计

二、配置文件修改

2.1 修改 _config.yml 2.2 创建 _data/strings.yml 2.3 创建 _data/navigation.yml

三、核心模板修改

3.1 修改 _layouts/default.html 3.2 修改 _includes/header.html 3.4 修改 _layouts/about.html

四、页面文件创建

4.1 创建中文关于页面 _pages/zh/about.md 4.2 修改英文关于页面 _pages/about.md

五、博客文章双语支持

5.1 修改 _layouts/post.html 5.2 创建示例中文博客文章

六、样式和脚本

6.1 创建 assets/css/lang.scss 6.2 创建 assets/js/language.js

七、注意事项和最佳实践

7.1 SEO 优化注意事项

  1. hreflang 标签：确保每个页面都有正确的 hreflang 标签
  2. URL 结构：保持 URL 结构一致性
  3. 元数据翻译：确保 title、description 等元数据都有

归档问题陈述与背景，基于 jekyll-archives-v2 ，解决方案概述 核心引擎: _plugins/archive_generator.rb 归档页面布局: _layouts/custom_archive.liquid 文章页链接修正: _layouts/post.liquid

已完成

  1. 搜索框，适配搜索各自语言。
  2. 分类、标签、日期，链接各自语言链接归档。
  3. Blog 页面，仅展示对应语言文章。 4、footer 和捐赠按钮，适配双语。

文章表格内容，不要溢出页面范围。