多语言方案:jekyll + al-folio 最近文章,无插件版本
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;
}