@@ -42,7 +42,7 @@ paginate: 5
In our case, we want our blog posts to be split with 5 posts per page. Let's look at the code to render the paginated list.
-<pre>
+{% highlight html %}
<ul class="posts">
{% for post in paginator.posts %}
<li><span class="weak">
@@ -54,14 +54,16 @@ In our case, we want our blog posts to be split with 5 posts per page. Let's loo
<!-- Pagination -->
{% if paginator.previous_page == 1 %}
- <a class="semi-weak" href="/">« fresh thoughts</a>
+ <a class="semi-weak" href="/">newer posts</a>
{% endif %}
{% if paginator.previous_page > 1 %}
- <a class="semi-weak" href="/page{{ paginator.previous_page }}">« fresh thoughts</a>
+ <a class="semi-weak" href="/page{{ paginator.previous_page }}">newer posts</a>
{% endif %}
{% if paginator.next_page <= paginator.total_pages %}
- <a class="semi-weak" href="/page{{ paginator.next_page }}">stale thoughts »</a>
+ <a class="semi-weak" href="/page{{ paginator.next_page }}">older posts</a>
{% endif %}
-</pre>
+{% endhighlight %}
+
+The top portion of the code iterates through the array of posts that are present for that page. It prints the date, title and a link to the post. Below that is what handles the pagination links.
-The top portion of the code
+In this example, if we have 13 posts - jekyll will generate index.html, page2/index.html and page3/index.html: All with the appropriate navigation links.
_posts/2009-10-07-jekyll-pagination-example.markdown
262870027ea01a196bb34e666db14be6dc025962
Blake Smith
blakesmith0@gmail.com
http://github.com/blakesmith/blakesmith.github.com/commit/d0da252f3c4afe646abc8ef769f4e070a9dc5d9f
d0da252f3c4afe646abc8ef769f4e070a9dc5d9f
2009-10-14T07:38:23-07:00
2009-10-14T07:38:23-07:00
Body of jekyll post, plus work on the inline jekyll code
329fe7823b5c42b095aa8d4460ca434bd8ea80da
Blake Smith
blakesmith0@gmail.com