Skip to main content

I'm *really* liking Eleventy for my blog (reillyspitzfaden.com/blog/). I had wanted to have my blog posts on multiple pages, and I thought it was going to be difficult, but it ended up being really simple. The only thing that tripped me up is that I needed the `reverse: true` option, which I didn't see in the documentation section on paginating blogs.

#Eleventy #11ty #Blog #IndieWeb #WebDev #Programming #Coding

A liquid template file open in a text editor, showing the following code: pagination: data: collections.post size: 8 alias: posts reverse: true --- //... {% for post in posts %} <article> <h3><a href="{{post.url}}">{{ post.data.title }}</a></h3> <p>{{ post.data.description }}</p> <span class="meta-icon"> <img src="/media/icon-calendar-ltr.svg" alt="calendar icon" /> </span> <span class="meta-text"> <time>{{ post.date | date: "%A, %B %d, %Y" }}</time> </span> </article> <hr /> {% endfor %} <div class="page-nav-wrapper"> {% if pagination.href.previous %} <a href="{{pagination.href.previous}}">Previous Page</a> {% endif %} {% if pagination.href.next %} <a href="{{pagination.href.next}}">Next Page</a> {% endif %} </div>

Reilly Spitzfaden, Composer | Blog

A blog about composition/sound design in Max/MSP, C++ audio plugin development, web development, and other personal interests of mine.
reillyspitzfaden.com
#11ty #eleventy #webdev #programming #indieweb #blog #coding
⇧