Adding Footnotes With Markdown

Posted on December 10, 2024

Tagged TIL, andy, markdown : How I copied code to add support for footnotes in Markdown

Somehow I became interested in using footnotes through Markdown today. iA Writer has a great implementation whereby you can add "inline" references and iA will take care of numbering those pesky footnotes. I didn't get that far along, but I have basic footnotes working on the site.

My first search turned up a tutorial on doing this with CommonJS ^[1]. Trusty ol' ChatGPT didn't properly convert the code for me, so I couldn't get the project to compile. I ended up following instructions on another blog^[2] that I've referenced before and things are working perfectly. There are other Markdown plug-ins^[3] that he uses that interest me. But if I've not used in HTML so far, I don't think I'll bother in install for use in Markdown just yet.

Yeah, I know. This isn't a long post. I didn't need to add footnotes. Well, I did. Here's the blog post I used to test.

Rutrum consectetur hendrerit augue ac sem eleifend quam laoreet. Scelerisque leo faucibus rutrum montes tincidunt cubilia pulvinar. Venenatis amet class, habitasse id placerat velit elementum lacinia. Pulvinar rhoncus vehicula tristique duis felis lacinia euismod est. Pretium varius netus consequat natoque; cubilia fermentum phasellus. Nullam adipiscing ex rhoncus semper libero sagittis facilisis justo. Litora sollicitudin sagittis proin purus ac augue. Augue neque montes sagittis per a sollicitudin elementum? Tempor tempor magnis cras dis per vel erat. Torquent consectetur mauris maximus luctus commodo ultrices.

Primis vitae risus molestie viverra primis sit. Est non euismod; odio cursus felis pretium nostra. Primis semper gravida vivamus ex aliquet. Cursus nascetur varius varius maecenas tincidunt primis diam maximus rhoncus. Hendrerit molestie tortor in taciti ac eleifend ridiculus habitant dolor. Dui egestas nulla pellentesque; libero cursus ante. Pellentesque vulputate magnis augue euismod tempor felis leo. Varius volutpat etiam litora rhoncus suscipit sem mi ad nunc. Libero quisque consectetur congue himenaeos conubia nascetur.

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut hac iaculis malesuada sem gravida dictumst ullamcorper. Faucibus hac netus praesent sollicitudin purus suspendisse velit. Torquent aptent proin montes erat amet. Pretium vestibulum adipiscing placerat pretium non magna mi. Aliquet eleifend tellus est sodales ad ligula nostra diam.

Finibus parturient ac pulvinar ridiculus cras sagittis torquent finibus. Est per elementum dictum nisi himenaeos vulputate vivamus. Primis diam suspendisse elit quis fames phasellus nullam neque mattis. Etiam maecenas etiam natoque maximus luctus feugiat iaculis consequat nulla. Dolor sagittis mattis volutpat rhoncus metus cubilia curabitur magna. Himenaeos vitae rutrum himenaeos pharetra mollis.

Sagittis integer hendrerit cursus quam nam dictum. Felis laoreet dictum taciti efficitur lacus feugiat. Duis aliquet rhoncus finibus curae metus duis penatibus semper eu. Fusce vitae sed dis quis efficitur in potenti. Bibendum morbi magnis lorem nostra viverra nostra varius? Ipsum velit mollis aliquam natoque purus porttitor sodales congue. Rutrum dolor eleifend dui sit leo potenti.