Pagination question: Where does index.html go?

Help
2

You’re close.

  1. Add index.html to the root of your site and make sure it has layout: home
  2. Edit _layouts/home.html to loop through the paginator object. {% for post in site.posts %} will become {% for post in paginator.posts %}

You’ll probably want to add some sort of next/previous links to the home layout as well. The link you included above has a complete example that you could replace the entire contents of the home layout with.


---
layout: default
title: My Blog
---

<!-- This loops through the paginated posts -->
{% for post in paginator.posts %}
  <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
  <p class="author">
    <span class="date">{{ post.date }}</span>
  </p>
  <div class="content">
    {{ post.content }}
  </div>
{% endfor %}

<!-- Pagination links -->
<div class="pagination">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
  {% else %}
    <span class="previous">Previous</span>
  {% endif %}
  <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}" class="next">Next</a>
  {% else %}
    <span class="next ">Next</span>
  {% endif %}
</div>

Hope this helps.