守望的麦子

Jekyll 按年度显示 archives 文章列表

2008-4-1    大连 /others/2008/04/01/jekyll-archives-year-group.html others jekyll,

本文最近更新于 2017 年 10 月 23 日

让 Jekyll 的 archives 按照年度显示文章列表,代码如下:

 1 <ul class="page_posts">
 2 {% for post in site.posts  %} <!-- display the post one by one by for loop -->
 3     {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %} <!-- get the current post date and make it as this year -->
 4     {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %} <!-- get the previous of current post date and make it as next year -->
 5     {% if forloop.first %} <!-- if the current post is the first one -->
 6     <center><p><h1>{{this_year}}</h1></p></center> <!-- display this year -->
 7     {% endif %}
 8     <li>{{ post.date | date:"%Y-%m-%d" }} <span class='postName'>&raquo; <a href="{{ post.url }}">{{ post.title }}</a></span></li> <!-- display the post url -->
 9     {% if forloop.last %} <!-- if the current post is the last one, display nothing -->
10     {% else %}
11         {% if this_year != next_year %} <!-- if the years are different between these two posts -->
12         <center><p><h1>{{next_year}}</h1></p></center>
13         {% endif %}
14     {% endif %}
15 {% endfor %}
16 </ul>

其中的 ul center li 部分代码为我所使用的样式。

也可以按照年月显示文章列表,请参考 stackoverflow 的讨论。[20140515添加更新]

via https://stackoverflow.com/questions/19086284/jekyll-liquid-templating-how-to-group-blog-posts-by-year

关于作者
麦子,80 后,现从事通信行业。安卓玩家一个人的书房朗读者。
MRJENGLISH
jsntn
jasonwtien
jasonwtien
更多…… /about.html

最近更新: