A Scripter's Notes

Emacs, scripting and anything text oriented.

How to add footnotes in Octopress posts?

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]

Comments

comments powered by Disqus