在博客页面在内容会有上一遍和下一遍文章的链接。 在jekyll的page对象包含上下篇的引用 Template Data Api ,只需要在页面进行展示即可。
默认主题中jekyll-bootstrap的twitter主题中包含上下篇文章的实现如下:
<hr>
<div class="pagination">
<ul>
{% if page.previous %}
<li class="prev"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">← Previous</a></li>
{% else %}
<li class="prev disabled"><a>← Previous</a></li>
{% endif %}
<li><a href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></li>
{% if page.next %}
<li class="next"><a href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}">Next →</a></li>
{% else %}
<li class="next disabled"><a>Next →</a>
{% endif %}
</ul>
</div>
<hr>
注意点
1 2 3 4 |
|
参考
- liquid-date output
- 日期格式化
- 使用Jekyll在Github上搭建个人博客
- 分页
- 旧blog迁移到jekyll+github
- jekyll可以使用的参数
- liquid页面渲染语言
- javascript-liquid
–END