こんにちは、私は github、jekyll、および ruby を初めて使用します。この質問は既に回答されているかもしれませんが、初心者であるため、問題を解決するのは困難です。
1 つのページに複数のページネーションを配置しようとしています。つまり、2 人の著者がブログにコンテンツを投稿しているので、それぞれのセクションを作成し、それぞれのページネーションを個別に作成したいとします。したがって、現在のコードは次のようになります。
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{% for post in paginator.posts %}
{% if post.author contains "NAME OF AUTHOR 1" %}
<div class="post-preview">
<a href="{{ post.url }}">
<h2 class="post-title">
{{ post.title }}
</h2>
<h3 class="post-subtitle">
{{ post.description }}
</h3>
</a>
<p class="post-meta">Posted by <a href="#">{{ post.author }}</a> {{ post.date | date_to_string }}</p>
</div>
<hr>
{% endif %}
{% endfor %}
<!-- Pager -->
{% if paginator.total_pages > 1 %}
<ul class="pager">
{% if paginator.previous_page %}
<li class="previous">
<a href="{{ paginator.previous_page_path | prepend: site.url | replace: '//', '/' }}">← Newer Posts</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="next">
<a href="{{ paginator.next_page_path | prepend: site.url | replace: '//', '/' }}">Older Posts →</a>
</li>
{% endif %}
</ul>
{% endif %}
</div>
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{% for post in paginator.posts %}
{% if post.author contains "NAME OF AUTHOR2" %}
<div class="post-preview">
<a href="{{ post.url | prepend: site.url }}">
<h2 class="post-title">
{{ post.title }}
</h2>
<h3 class="post-subtitle">
{{ post.description }}
</h3>
</a>
<p class="post-meta">Posted by <a href="#">{{ post.author }}</a> {{ post.date | date_to_string }}</p>
</div>
<hr>
{% endif %}
{% endfor %}
<!-- Pager -->
{% if paginator.total_pages > 1 %}
<ul class="pager">
{% if paginator.previous_page %}
<li class="previous">
<a href="{{ paginator.previous_page_path | prepend: site.url | replace: '//', '/' }}">← Newer Posts</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="next">
<a href="{{ paginator.next_page_path | prepend: site.url | replace: '//', '/' }}">Older Posts →</a>
</li>
{% endif %}
</ul>
{% endif %}
</div>
また、_config.yml の下で paginate は 3 に設定されています。
私はブートストラップでjekyllを使用し(jekyll-bootstrapではない場合)、非常に単純なチュートリアルに従いました。また、ファイル構造も非常に単純です。
助けてくれてありがとう、これを投稿する前に多くのドキュメントと多くの投稿(常に台無しになる)を読んだので、みんなに感謝します。
また、ブログはhttp://neorblog.inでホストされており、github リポジトリはhttps://github.com/neortls007idev/Blogにあります。
また、レポは現在、上記のコードに従ってコミットされていません。