Next 7.0+ 多级分类目录展开折叠

发表于 2021-09-23 分类于 Hexo 阅读次数：
本文字数： 565 阅读时长 ≈ 1 分钟

在 Next 主题的分类页面中，没有提供多级目录展开的功能，为此，特意写了一个多级分类折叠展开的 js

将 Github 仓库中的源码下载后，放入 /themes/next/source/js 中

之后打开 /themes/next/layout/_layout.swig 文件，在 <body> 中的最下方添加如下代码：

<body>
    
  ...
    
  <!-- 多级目录 -->
  <script type="text/javascript" src="/js/category.js"></script>
</body>

最后，找到博客所在的根目录下的 /source/_data/styles.styl 文件，在文件中添加如下代码

//分类样式
.category-all-page .category-list-item {
    margin: 15px 10px 10px 10px;
	list-style: none;
	font-size: 20px;
}
.category-all-page .category-list-child {
    list-style: none;
}

需要注意的是，在导入该功能前，要先导入 JQuery，具体方法见：Next 7.0+ JQuery 的导入