bata's log

フロントエンド系のTipsとかメモ

Jekyllの記事リストの表示件数を設定する方法

Jekyllでポスト記事をリスト表示をする場合はこのように書きます。

<ul>
    {% for post in site.posts %}
        <li>
            <a href="/blog_jekyll/_site{{ post.url }}">{{ post.title }}</a>
        </li>
    {% endfor %}
</ul>

ただこれだと記事があるだけ表示してしまうので表示件数をを制限したいのですが、これに関する記事がどれもTOPページの表示件数を制限してページ送り機能をつける記事ばかりヒットして困りました。

JekyllのPagination設定(2013年11月30日追記) — Genji App Blog

paginatorを使用するとTOPページ以外のページでは全く書き出されなくなってしまうので、 for文に直接表示制限をかける必要があります。

解決策:limitを使用する

Liquidテンプレートのforlimitで表示件数を制限することが出来ます。

#3件だけ表示する
{% for post in site.posts limit:3 %}

Liquid for Designers · Shopify/liquid Wiki · GitHub
このページにLiquidテンプレートをくわしい解説があったので参考にしました。