Hexo博客NexT主题开启文章目录和调整样式
Pin Young Lv9
  2019-03-16 23:37:41 2019-03-16 23:37   2019-03-16 23:37:41    157 字  1 分钟  

一、前言

Hexo博客NexT主题中是有目录的，只是在默认情况下没有开启，需要我们来手动开启。

二、修改样式文件custom.styl

文章目录样式文件custom.styl文件位于themes/next/source/css/_custom

打开后添加内容：

1.文章目录默认展开

1
2
//文章目录默认展开
.post-toc .nav .nav-child { display: block; }

2.文章目录字体大小调整

1
2
3
.post-toc ol {  
  font-size : 13px;     
}

三、修改主题配置文件

主题配置文件位于themes/next/_config.yml

每行目录超长自动换行

1
2
3
toc:
  enable: true  
  wrap: true

四、结果图展示

image

  • 本文标题：Hexo博客NexT主题开启文章目录和调整样式
  • 本文作者：Pin Young
  • 创建时间：2019-03-16 23:37:41
  • 本文链接：posts/2207.html
  • 版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
  1. 1. 一、前言
  2. 2. 二、修改样式文件custom.styl
    1. 2.1. 1.文章目录默认展开
    2. 2.2. 2.文章目录字体大小调整
  3. 3. 三、修改主题配置文件
  4. 4. 四、结果图展示