Hexo-NexT 分类多层级描述

分类一般用法
Hexo 中分类和标签有着明显的差别：分类具有顺序性和层次性，也就是说 Foo, Bar 不等于 Bar, Foo；而标签没有顺序和层次。
1
2
3
4
5
categories:
- Diary
tags:
- PS3
- Games
父子分类
如果您有过使用 WordPress 的经验，就很容易误解 Hexo 的分类方式。WordPress 支持对一篇文章设置多个分类，而且这些分类可以是同级的，也可以是父子分类。但是 Hexo 不支持指定多个同级分类。下面的指定方法：
1
2
3
categories:
- Diary
- Life
会使分类Life成为Diary的子分类，而不是并列分类。因此，有必要为您的文章选择尽可能准确的分类。
并列+子分类
如果你需要为文章添加多个分类，可以尝试以下 list 中的方法。
1
2
3
4
categories:
- [Diary, PlayStation]
- [Diary, Games]
- [Life]
此时这篇文章同时包括三个分类： PlayStation 和 Games 分别都是父分类 Diary 的子分类，同时 Life 是一个没有子分类的分类。
分类页面优化
我想要的是这种层次分明的效果：

但我设置完成后，实际的效果, 层次感不强。:
问题解决
首先尝试了CodeHeap 的文章Hexo+NexT博客归档/标签/分类页美化,对分类栏进行了优化。发现只是增加了效果，分类的层次结构还是不清晰。
然后修改 /themes/next/source/css/_common/components/pages/categories.styl 代码,将 .category-list-child 的 padding-left 属性改为 60px。
1
2
3
.category-list-child {
padding-left: 60px;
}
最终效果图：

——————————
参考