Added ToC support

- added `markdown-it-toc-and-anchor` into the project
- integrated it, create a table of contents every in a markup by adding
`@[TOC]`

browser/components/markdown.styl

@@ -183,6 +183,8 @@ ul
     list-style-type circle
     &>li>ul
       list-style-type square
+ul.markdownIt-TOC, ul.markdownIt-TOC ul
+  list-style-type none
 ol
   list-style-type decimal
   padding-left 2em

browser/lib/markdown.js

@@ -1,6 +1,7 @@
 import markdownit from 'markdown-it'
 import emoji from 'markdown-it-emoji'
 import math from '@rokt33r/markdown-it-math'
+import tocAndAnchor from "markdown-it-toc-and-anchor"
 import _ from 'lodash'
 
 const katex = window.katex
@@ -36,6 +37,9 @@ var md = markdownit({
 md.use(emoji, {
   shortcuts: {}
 })
+md.use(tocAndAnchor, {
+  anchorLink: false
+})
 md.use(math, {
   inlineRenderer: function (str) {
     let output = ''

package.json

@@ -61,6 +61,7 @@
     "markdown-it-checkbox": "^1.1.0",
     "markdown-it-emoji": "^1.1.1",
     "markdown-it-footnote": "^3.0.0",
+    "markdown-it-toc-and-anchor": "^4.1.1",
     "md5": "^2.0.0",
     "mixpanel": "^0.4.1",
     "moment": "^2.10.3",