Hugo Sidenotes Shortcode

0xda.de

I’ve recently really enjoyed a number of small features that make blogs feel more… interesting. One of those features is sidenotes. They are like footnotes, except, well, on the side. As someone who writes with a lot of parentheticals, a sidenote seems like a great way to remove my comment out of the flow of the sentence and I can make it separate, but still easy to read. I am certainly not the first to add sidenotes to my blog. Maggie Appleton’s site is fantastic in a lot of ways, and sidenotes are indeed one of them.

Adding Sidenotes

Ari Zerner's Demesne Oct 7, 2024

Inspired by some other blogs I like, I decided I wanted to add hovering previews to the footnotes on my own site1. This turned out to be surprisingly complex! First, I asked ChatGPT for a simple plug-and-play solution. When it didn’t have one and the code it suggested didn’t work, I turned to Manicode. Sadly for me, Manicode also struggled; despite several iterations of prompting and troubleshooting, Manicode couldn’t find a solution that worked. I was going to have to dive into the issue myself.

0 inbound links article en posts