Markdown Footnotes

fixLinksOnLoad.js

$(document).ready(function() {

    // Find all footnotes
    const $footnotes = $("ol:last > li");
    const $refs      = $("sup > a");

    $footnotes.each(function(i, footnote) {
        const num = (i + 1);

        const $ref  = $($refs[i]);
        const $note = $(footnote);

        // Setup the reference
        $ref.html("[" + num + "]");
        $ref.attr('href', "#fn:" + num);
        $ref.parent().attr('id', "fnref:" + num);

        // Setup the footnote
        const $backLink = ($note.find("a:last"));

        $note.attr('id', "fn:" + num);
        $note.attr('role', "doc-endnote");

        $backLink.attr('href', "#fnref:" + num);
        $backLink.attr('role', "doc-backlink");
    });
});

template.html

<sup role="doc-noteref"><a>[n]</a></sup>

<a href="#">↩</a>