hexo-helper-tocbot插件使用教程

眼尖的小伙伴可能会发现博主博客目录样式变了，这其实是博主最近封装的一个hexo-helper插件，帮助没有目录的主题快速插入目录，不保证兼容所有主题，且行且珍惜。

介绍

hexo-helper-tocbot 是一款hexo辅助函数插件，是基于tocbot(Tocbot可以 根据HTML文档中的标题构建目录（TOC）)实现的。其实就是使用tocbot实现，我只是把它打包起来，借助hexo辅助函数快速引用使用它。

安装

使用npm安装：

使用教程

配置

在博客根目录或主题下的_config.yml中配置如下：

其中headingsOffset和scrollSmoothOffset要和你主题的头部高度相对应。

含义详见API

最关键的在.post-content这个class，指你文章容器的class类。如果你的文章容器是

,那么配置就改为contentSelector: .box

使用

在主题模板文件合适位置插入：(要放在上面容器类的下面或footer底部最合适)

因为默认样式是固定定位，例子如下

上图参数的意思就是离顶部60px，右边calc((100% - 950px - 250px) / 2)距离。具体情况根据主题样式调整。

API

希望这篇文章能给你带来知识和乐趣，喜欢博主的文章可以加博主好友哦