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