stuff&things

Adding GitHub Style Alerts and Footnotes

I had been trying off-and-on for some time to get GitHub style alerts working on the site after reading Robb Knight’s Post on them but kept getting stuck at different points along the way. After I temporarily moved my site to BearBlog, I returned to 11ty and deploying to Netlify and started tinkering again.

Step in this excellent post by Bob Monsour on using markdown-it for his ToC and a few things started to click. And Thomas Rigby’s post specifically on the alerts was invaluable. Now I have the GitHub-style alerts working here.[1] I just think they look neat and add a little spice to the site.

But this led me to the other markdown-it plugin I wanted to implement: footnotes. I really don’t know if I’ll use footnotes a lot but implementing them or, more accurately, not quite getting them to work bothered me. After getting the GitHub-style alerts working, I decided to take another crack at the markdown-it-footnote plugin and using the tools from the alerts, had them up and running in just a few minutes.

Again, it’s more the journey than knowing what I’m going to do once I get there.

Footnotes

  1. You can see them in action on this post. ↩︎