这次主要介绍一下如何使用Hexo自带的帮助函数在站点中添加文章目录。功能使用了Hexo提供的帮助函数，创建对应局部模块之前，首先要想想这块内容应该属于哪个布局？要添加到哪个局部模块下？考虑这些是为了整洁性，当你添加的东西越来越多的时候才不至于令自己混乱。
文章目录 文章目录肯定是添加到post布局上，这个毋庸置疑，因为只有看文章详情页的时候才需要目录。那么我们在目录layout/_partial/post/下创建toc.ejs文件，代码如下：
目录这里使用了Hexo提供的
toc()帮助函数，它的使用方法如下：str就是文章内容，options有两个参数，一个是class，也就是html标签的class值，默认为toc；一个是list_number，是否显示列表编号，默认值是true。接下考虑把这个局部模块放到哪呢，既然属于
post布局，那么就看看layout/post.ejs代码如下:很明显，我们要到
_partial/article.ejs文件里添加toc.ejs，添加后article.ejs代码如下：
文章目录- 判断是否有摘要以及
index值，显然post.ejs传过来的index值为false；
- 接下来判断
page.toc是不是不等于false，这一块的主要作用是可以在文章的前置声明里设置toc: false来关闭目录功能。当没有设置false时，插入上面写的toc.ejs局部模块。
source/css/_partial/目录下，创建toc.styl.最后别忘了在source/css/style.styl文件里加入这句了@import '_partial/toc'。显示如下图，样式可以自行调整。toc.styl
.toc-article {
background: #eee;
padding: 1em;
position: relative;
left:2em;
}.toc-article .toc-title{
padding-bottom: 0.8em;
font-weight: bold;
}#toc {
line-height: 1.1em;
font-size: 0.8em;
float: right
}#toc .toc {
padding: 0
}#toc li , .toc li {
list-style-type: none
}#toc ol {
margin: 0;
}#toc .toc-child {
padding-left: 1.5em
}效果如图
文章图片
【hexo优化目录】转载于:https://www.cnblogs.com/peihao/p/5269131.html
