I finally sat down and took a look at Hugo themes last night to add pagination to the Micro.blog-hosted Hyde theme. Turns out, it was much easier than I expected!

Here are the steps:

1. Make sure Hyde is selected as your current theme.
2. In the Custom Theme section, click the Edit Custom Themes button.
3. Click the New Theme button to create a custom theme based off of Hyde. (Name it whatever you’d like…)
4. Select that theme to go the templates view.
5. Click New Template to create the pagination partial with the filename and location:


6. Add this code to that template and click Update Template:

7. Click on the list template:


8. Add this code:

above the last

{{ end }}

and click Update Template
9. At the end of the Hyde.css file find the second to last #post-nav block and add

text-align: center;

to center the pagination at the bottom.
10. Once you make those changes, go back to the Micro.blog Design tab and select your Custom Theme. Click Update Microblog Settings to use these theme changes.

That should be it!


I am a patient boy.

Write A Comment