Next 7.0+ 自动展开文章目录

Hexo 的 Next 主题是可以自动展开文章目录的，其在默认情况下并未开启，需要手动开启

大部分博客都是基于之前的配置，因此导致新版本不兼容

下面介绍在 Next7.0+ 版本下的设置

由于 Next 主题更新至 7.0+ 版本后取消了 _custom 文件夹以及 custom.styl 文件

1.修改主题配置文件 _config.yml

打开 next 主题的 _config.yml 文件，搜索 custom_file_path，可以看到如下内容：

custom_file_path:
  #head: source/_data/head.swig
  #header: source/_data/header.swig
  #sidebar: source/_data/sidebar.swig
  #postMeta: source/_data/post-meta.swig
  #postBodyEnd: source/_data/post-body-end.swig
  #footer: source/_data/footer.swig
  #bodyEnd: source/_data/body-end.swig
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  #style: source/_data/styles.styl

修改 style 属性，即取消相应注释

2.创建 _data 文件夹并添加 styles.styl 文件

找到博客所在的根目录下的 source 文件夹，也就是存储 _post 文件夹的目录

之后，创建 _data 目录与其中的 styles.styl 文件

3.修改 styles.styl 文件

在文件中添加如下代码

//文章目录默认展开
.post-toc .nav .nav-child { 
    display: block; 
}
//文章目录字体大小调整
.post-toc ol {  
    font-size : 13px;     
}

4.修改主题配置文件

最后，修改主题配置文件 themes/next/_config.yml

搜索 toc 配置项，进行以下更改：

# 文章目录
toc:
  # 开启文章目录
  enable: true

  # 自动将列表编号添加到 toc
  number: true

  # 当设为 true 时，如果标题宽度大于侧边栏宽度，则将文字放在下一行
  wrap: true