Markdown目录插件(TOC效果)

给Hexo博客写的js小插件

这个插件是两年前写的了(突然暴露这个博客很久没更新的事实),突然想起来就更新到这里好了

功能

很多hexo的主题都没有在正文中增加TOC的功能(即Table of Content),所以我实现了一个使用很方便的插件,只需要在hexo的Markdown文章中加入短短4行就可以实现TOC效果,且点击会自动跳转至对应的H标题

在Next主题下效果

在Material主题下效果

使用方法和源码地址

GitHub地址

在hexo的各种主题下使用

GitHub上的是在任意情况下都可使用,若要结合hexo博客的话,可以将js和css文件保存值themes文件夹下的对应主题中的source文件夹中对应的js和css文件夹,然后在文章中开头加入

1
2
<div id='toc'>
</div>

在结尾加入

1
2
<script src="/js/Catalogue.js"></script>
<script>new Catalogue('toc')</script>