hexo博客中添加目录

hexo博客是通过把用户的markdown文件解析为html文件,但是它并没有完全实现markdown功能的完全解析,比如最近发现我在markdown中写了标题,但是hexo无法解析和渲染目录结构,因此我就去查到了这样一个插件。

目录

1.安装插件

1
npm install hexo-toc --save

2.配置_config.yml文件

在_config.yml文件中添加

1
2
3
toc:
# 识别到第几层目录
maxdepth: 3

3.添加目录

在每个markdown文档中添加你要在那个地方展示目录

1
<!-- toc -->

注意:显示的目录只会包括image-20240402224246348之后的内容。

4.模板修改

如果觉得每次都要添加image-20240402224258787比较麻烦,可以在/scaffolds目录下的三个模板中添加image-20240402224246348到正文处即可。

image-20240402224027988

以post.md文件夹为例。

然后重启hexo服务重新发布即可看到目录。