I’m not much of a designer, so I just found a theme I liked, and ran with that. Chose PaperMod, though Fuji remains a future possibility.
Hugo is actually pretty decent at selective overrides, so the underlying theme isn’t modified. I don’t have to manage git merges, though this complicated some aspects.
Changes I’ve made
- Post page footer reordered to have the comment section come before the share buttons.
- Also stripped out the cover image and internationalization support to make it simpler.
- Comments section is now just a link to send me a message on Twitter. Comments were blocking me from moving to a static site, but they aren’t common, so I decided not to handle them right now.
- HighlightJS now pulled in from CDNJS - custom header and custom footer.
- Didn’t really like the Papermod default HighlightJS colours, I pull in Monokai-Sublime.
- 32KB of Javascript doesn’t get served by me, important if I move off of Github Pages
- This is where the drop-in isn’t great: Papermod compiles highlightJS CSS during the CSS bundling.
The CSS is functionally useless because it promptly gets replaced by the CDNJS one, but I can’t replace it without making changes to the theme.
- Image shortcode updated to resize images to 1280px & use srcset to provide responsive variants for smaller screens.
- Liberally copied from Laura Kalbag’s own attempt at resizing images.
- Enabled hardWraps on the markdown renderer so line breaks are used instead of the generated paragraph being smushed together.
- Could do 2 trailing spaces before the EOL character, but that would get deleted by the linter.
- Favicon is the Computer Disk emoji.