眼尖的小伙伴可能会发现博主博客目录样式变了,这其实是博主最近封装的一个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
希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦
领取专属 10元无门槛券
私享最新 技术干货