Jekyll页面实现上/下一篇文章导航

在博客页面在内容会有上一遍和下一遍文章的链接。在jekyll的page对象包含上下篇的引用 Template Data Api ，只需要在页面进行展示即可。

默认主题中jekyll-bootstrap的twitter主题中包含上下篇文章的实现如下：

{% if page.previous %}

<li class="prev"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">&larr; Previous</a></li>

{% else %}

{% 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 &rarr;</a></li>

{% else %}

注意点

{ % highlight % }{ % endhighlight % }

# 用于直接输出liquid标签源码，但是raw不能嵌套使用
{ % raw % } { % endraw % }

# 参考

–END

Discussion

欢迎通过 GitHub Issue 留言或反馈。每条讨论都会关联到对应文章的源文件路径。

2013-09-20-jekyll-page-implement-navigate.md