Hexo-NexT 分類多層級描述

1. 分類一般用法
   Hexo 中分類和標簽有着明顯的差別：分類具有順序性和層次性，也就是說 Foo, Bar 不等於 Bar, Foo；而標簽沒有順序和層次。

   categories:
   - Diary
   tags:
   - PS3
   - Games
   

2. 父子分類
   如果您有過使用 WordPress 的經驗，就很容易誤解 Hexo 的分類方式。WordPress 支持對一篇文章設置多個分類，而且這些分類可以是同級的，也可以是父子分類。但是 Hexo 不支持指定多個同級分類。下面的指定方法：

   categories:
   - Diary
   - Life
   

   會使分類Life成為Diary的子分類，而不是並列分類。因此，有必要為您的文章選擇盡可能准確的分類。

3. 並列+子分類
   如果你需要為文章添加多個分類，可以嘗試以下 list 中的方法。

   categories:
   - [Diary, PlayStation]
   - [Diary, Games]
   - [Life]
   

   此時這篇文章同時包括三個分類： PlayStation 和 Games 分別都是父分類 Diary 的子分類，同時 Life 是一個沒有子分類的分類。

4. 分類頁面優化
   我想要的是這種層次分明的效果：
   
   但我設置完成后，實際的效果, 層次感不強。:
   

   問題解決
   首先嘗試了CodeHeap 的文章Hexo+NexT博客歸檔/標簽/分類頁美化,對分類欄進行了優化。發現只是增加了效果，分類的層次結構還是不清晰。
   

   然后修改 /themes/next/source/css/_common/components/pages/categories.styl 代碼,將 .category-list-child 的 padding-left 屬性改為 60px。

   .category-list-child {
     padding-left: 60px;
   }
   

   最終效果圖：
   

——————————
參考

• Hexo 官方文檔
• Hexo+NexT博客歸檔/標簽/分類頁美化
• Hexo多級類別的層級顯示