Emacs, scripting and anything text oriented.

How to add footnotes in Octopress posts?

Kaushal Modi

Update (2017/02/23) — Now I use Hugo instead of Octopress for blogging. But the same method of using [^1] works for creating footnotes.


While looking for a way to add footnotes to my posts, I came across this post.

Based on that, here is how I got the footnotes working:

  • To create a footnote, use the standard MultiMarkdown [^1] anchor to create the footnote reference link, and add [^1]: The footnote content to the bottom of the file. Footnote example1.
  • To make the footnotes smaller, lighter and closer together, add the following CSS to sass/custom/_styles.css file:

    .footnotes {
      font-size: 13px;
      line-height: 16px;
      color: #666;
    
      p {
        margin-bottom: 6px;
      }
    }

  1. I am a little footnote. Hyperlinks are also allowed here. Note that the index style [Page Title][linkindex] links don’t work in the footnotes; the links have to be defined using the [Page Title](link) syntax. [return]

If you have written a response to this, enter your response post's URL below.

Or, you can send a "comment" webmention (it's OK if you don't know what that means). When asked about your website on an IndieAuth login screen, simply type https://commentpara.de.

Markdown Support**bold**, _italics_, ~~strikethrough~~, [descr](link), `monospace`, ```LANG\nline1\nline2\n``` (Yep, multi-line code blocks too, with syntax highlighting!), auto-hyperlinking.

Webmentions #