我正在为我的帖子下方的导航链接做一个循环。这是进入posts.html的_layout在Jekyll/Liquid遇到困难
我不能得到的链接不显示,如果帖子是最后或第一。任何帮助都是极好的。
{% for post in site.posts %} {% if post.previous != forloop.last %} ← Last {% elsif post.next != forloop.first %} Next → {% endif %} {% endfor %}
我正在为我的帖子下方的导航链接做一个循环。这是进入posts.html的_layout在Jekyll/Liquid遇到困难
我不能得到的链接不显示,如果帖子是最后或第一。任何帮助都是极好的。
{% for post in site.posts %} {% if post.previous != forloop.last %} ← Last {% elsif post.next != forloop.first %} Next → {% endif %} {% endfor %}
我使用page.next/previous
{% if page.previous %}
<a rel="prev" href="{{ page.previous.url }}">← Older</a>
{% endif %}
{% if page.next %}
<a rel="next" href="{{ page.next.url }}">Newer →</a>
{% endif %}
更改您的if
语句以检查是否存在post.previous
。
{% if post.previous %}
<span class="page-nav-item">
<a rel="prev" href="{{ post.previous.url }}" title="View {{ post.previous.title }}">← View previous article</a>
</span>
{% endif %}
{% if post.next %}
<span class="page-nav-item">
<a rel="next" href="{{ post.next.url }}" title="View {{ post.next.title }}">View next article →</a>
</span>
{% endif %}
图像添加到您的链接背景有更好的运气。 对于图像显示只是在你的YAML前面加image: [image location]
事
<div class="postNav clearfix">
{% if page.previous.url %}
<a class="prev{% if page.previous.image %} image{% endif %}" href="{{ page.previous.url }}"><span>« {{ page.previous.title }}</span>
{% if page.previous.image %}
<img src="{{ '/assets/blog-img/' | append: page.previous.image }}" alt="">
{% endif %}
</a>
{% endif %}
{% if page.next.url %}
<a class="next{% if page.next.image %} image{% endif %}" href="{{ page.next.url }}"><span>{{ page.next.title }} »</span>
{% if page.next.image %}
<img src="{{ '/assets/blog-img/' | append: page.next.image }}" alt="">
{% endif %}
</a>
{% endif %}
</div>
我用“page.next”和“page.previous”有更好的运气,但感谢您的帮助。 – 2010-01-11 01:52:16