MarkDown自动生成目录

JS自动生成目录

<link rel="stylesheet" href="http://yandex.st/highlightjs/6.2/styles/googlecode.min.css">

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

<script type="text/javascript">

 $(document).ready(function(){

 $("h2,h3,h4,h5,h6").each(function(i,item){

 var tag = $(item).get(0).localName;

 $(item).attr("id","wow"+i);

 $("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>');

 $(".newh2").css("margin-left",0);

 $(".newh3").css("margin-left",20);

 $(".newh4").css("margin-left",40);

 $(".newh5").css("margin-left",60);

 $(".newh6").css("margin-left",80);

 });

 });

</script>

<div id="category"></div>

doctoc

// 安装
npm install -g doctoc
// 用法
// 指定单个文件
doctoc xx.md
// 指定目录
doctoc .

tocmd侧边栏目录

// 安装
gem install tocmd

// 用法
// 指定单个文件
 tocmd -f shiti.md
// 指定目录
 tocmd -d .

参考

推荐阅读更多精彩内容