2016-05-24 7 views
1

私は自分のウェブサイトを作成するために、Minimal MistakesのjekyllテーマでいくつかのHTMLを修正しました。最も大きな変更は、私が投稿の別のタブ、または投稿の新しいインデックスを追加したことです。HTML jekyllのインデックスリストの逆順のリンク

私の問題は、元のタブに投稿が正しく(最新のものから)最初にリストされている間に、新しいタブが逆の順番で自分の投稿を一覧表示するということです。しかし、私がhtmlを見ると、コードは同じに見えます。

障害のあるインデックス:以下の2つのページをご覧ください

<!doctype html> 
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--> 
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]--> 
<head> 
{% include _head.html %} 
</head> 

<body class="post-index"> 

{% include _browser-upgrade.html %} 

{% include _navigation.html %} 

{% if page.image.feature %} 
    <div class="image-wrap"> 
    <img src= 
    {% if page.image.feature contains 'http' %} 
     "{{ page.image.feature }}" 
    {% else %} 
     "{{ site.url }}/images/{{ page.image.feature }}" 
    {% endif %} 
    alt="{{ page.title }} feature image"> 
    {% if page.image.credit %} 
    <span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span> 
    {% endif %} 
    </div><!-- /.image-wrap --> 
{% endif %} 

<div id="main" role="main"> 
    <div class="article-author-side"> 
    {% include _author-bio.html %} 
    </div> 
    <div id="index"> 
    <h1>{{ page.title }}</h1> 
    {% capture written_year %}'None'{% endcapture %} 
    {% for post in site.work %} 
     {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %} 
     {% if year != written_year %} 
     <h3>{{ year }}</h3> 
     {% capture written_year %}{{ year }}{% endcapture %} 
     {% endif %} 
     <article> 
     {% if post.link %} 
      <h2 class="link-post"><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="fa fa-link"></i></a></h2> 
     {% else %} 
      <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2> 
      <p>{{ post.excerpt | strip_html | truncate: 160 }}</p> 
     {% endif %} 
     </article> 
    {% endfor %} 
    </div><!-- /#index --> 
</div><!-- /#main --> 

<div class="footer-wrap"> 
    <footer> 
    {% include _footer.html %} 
    </footer> 
</div><!-- /.footer-wrap --> 

{% include _scripts.html %} 

</body> 
</html> 

正しいインデックス:

<!doctype html> 
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> 
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]--> 
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]--> 
<head> 
{% include _head.html %} 
</head> 

<body class="post-index"> 

{% include _browser-upgrade.html %} 

{% include _navigation.html %} 

{% if page.image.feature %} 
    <div class="image-wrap"> 
    <img src= 
    {% if page.image.feature contains 'http' %} 
     "{{ page.image.feature }}" 
    {% else %} 
     "{{ site.url }}/images/{{ page.image.feature }}" 
    {% endif %} 
    alt="{{ page.title }} feature image"> 
    {% if page.image.credit %} 
    <span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span> 
    {% endif %} 
    </div><!-- /.image-wrap --> 
{% endif %} 

<div id="main" role="main"> 
    <div class="article-author-side"> 
    {% include _author-bio.html %} 
    </div> 
    <div id="index"> 
    <h1>{{ page.title }}</h1> 
    {% capture written_year %}'None'{% endcapture %} 
    {% for post in site.posts %} 
     {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %} 
     {% if year != written_year %} 
     <h3>{{ year }}</h3> 
     {% capture written_year %}{{ year }}{% endcapture %} 
     {% endif %} 
     <article> 
     {% if post.link %} 
      <h2 class="link-post"><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a> <a href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="fa fa-link"></i></a></h2> 
     {% else %} 
      <h2><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h2> 
      <p>{{ post.excerpt | strip_html | truncate: 160 }}</p> 
     {% endif %} 
     </article> 
    {% endfor %} 
    </div><!-- /#index --> 
</div><!-- /#main --> 

<div class="footer-wrap"> 
    <footer> 
    {% include _footer.html %} 
    </footer> 
</div><!-- /.footer-wrap --> 

{% include _scripts.html %} 

</body> 
</html> 

は誰がどのように両方のページには、最近の最初のリンクの一覧を表示させるために私を指示することができます。

また、ここでの記事に関連する_config.yml部分がある:

collections: 
    work: 
    output: true 
    permalink: /:collection/:path/ 

defaults: 
    # _work 
    - scope: 
     path: "" 
     type: work 
    values: 
     layout: single 
     author_profile: false 
     share: true 

答えて

3

は、あなたの 'faultly' コードは、コレクションを扱っています。コレクションアイテムは、時間順にソートされます。唯一の例外は、逆順でソートされたsite.postsです。新しいものから順に出力するには

site.workコレクション、あなたが行うことができます:

{% for post in site.work reversed %}