How to add footnotes in Octopress posts?

Thu, 06 Mar 2014 10:47:35 -0500

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 example¹.

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;
 }
}

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. ↩︎

octopress on A Scripter's Notes