Adding pagination in blog posts list

Author: siddhantjain

_config.yml

@@ -18,13 +18,18 @@ email: myemail@gmail.com
 
 exclude: [README.md, Gemfile, Gemfile.lock, node_modules, gulpfile.js, package.json, _site, src, vendor]
 
+#pagination
+paginate: 5
+paginate_path: "blog/page:num/"
+
 gems:
   - jemoji
   - jekyll-mentions
   - jekyll-seo-tag
   - jekyll-feed
   - jekyll-sitemap
   - jekyll-gist
+  - jekyll-paginate
 
 jekyll-mentions:
     base_url: https://github.com

_includes/pagination.html

@@ -0,0 +1,13 @@
+<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>

blog.html renamed to _layouts/blog.html

@@ -1,19 +1,19 @@
 ---
 layout: default
-permalink: /blog/index.html
 title: Blog
 ---
 {% include header.html %}
 
 <section class="home__sections">
-    {% for post in site.posts %}
+		{% for post in paginator.posts %}
         <div class="home__sections-single {% if post.star == true %}star{% endif %}">
             <a href="{{ site.url }}{{ post.url }}">
                 <aside><time datetime="{{ post.date | date:"%d-%m-%Y" }}">{{ post.date | date: "%b %d %Y" }}</time></aside>
                 <h3>{{ post.title }}</h3>
             </a>
         </div>
-    {% endfor %}
+        {% endfor %}
+    {% include pagination.html%}  
 </section>
 
-{% include footer.html %}
+{% include footer.html %}

blog/index.html

@@ -0,0 +1,5 @@
+---
+layout: blog
+title: Blog
+---
+##Blog