जेकिल/तरल

Question

के साथ कठिनाइयों के साथ मैं अपनी पोस्ट के नीचे नौसेना लिंक के लिए एक लूप करने की कोशिश कर रहा हूं। यह post.html

के _layout में जा रहा है, मैं यह दिखाने के लिए लिंक नहीं प्राप्त कर सकता कि पोस्ट अंतिम या पहला है या नहीं। कोई भी सहायता कमाल की होगी।

 
{% for post in site.posts %} 

    {% if post.previous != forloop.last %} 
     ← Last 
    {% elsif post.next != forloop.first %} 
     Next → 
    {% endif %} 

{% endfor %} 

Answer 1

मैं page.next/previous

{% if page.previous %} 
     <a rel="prev" href="{{ page.previous.url }}">&larr; Older</a> 
    {% endif %} 
    {% if page.next %} 
     <a rel="next" href="{{ page.next.url }}">Newer &rarr;</a> 
    {% endif %} 

Answer 2

सिर्फ जांच करने के लिए करता है, तो post.previous मौजूद

अपने if बयान बदलें।

{% if post.previous %} 
<span class="page-nav-item"> 
    <a rel="prev" href="{{ post.previous.url }}" title="View {{ post.previous.title }}">&larr; 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 &rarr;</a> 
</span> 
{% endif %} 

Answer 3

का उपयोग कर अपने लिंक पृष्ठभूमि में चित्र जोड़ें बेहतर किस्मत थी। छवियों सिर्फ अपने 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>&laquo;&nbsp;{{ 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 }}&nbsp;&raquo;</span> 
     {% if page.next.image %} 
     <img src="{{ '/assets/blog-img/' | append: page.next.image }}" alt=""> 
     {% endif %} 
     </a> 
     {% endif %} 
</div>