title: hexo之next主題添加分類
date: 2018-03-02 13:00:00
tags:
categories: Hexo主題配置
hexo之next主題添加分類
@(Hexo+Github)
當(dāng)前博客主題用的是next最新版，最初是比較簡(jiǎn)陋的界面，一直放著沒怎么動(dòng)婉弹，測(cè)試了下Latex的顯示效果沒有達(dá)到在CSDN我的博客上的效果姥份，就很失望鉴扫，沒再此地更新伏嗜。
但是今年（2018）年突然發(fā)現(xiàn)hexo可以做出很酷的靜態(tài)站點(diǎn)粒蜈。
于是開始作為首發(fā)文章的地方装哆。
下面開始細(xì)部的折騰罐脊，細(xì)節(jié)過程記錄為文檔，以供參考蜕琴。
創(chuàng)建分類頁(yè)面（page）
第一步是創(chuàng)建分類顯示界面：
可以參考這個(gè)官方的鏈接萍桌，也可以看我摘出來的文字。
1.新建一個(gè)頁(yè)面凌简，命名為categories:
hexo new page categories
之所以命名為categories的原因是在next主題的配置文件中上炎，categories是關(guān)鍵詞。
2.編輯新建界面雏搂，將頁(yè)面類型設(shè)置為categories藕施，主題將會(huì)在這個(gè)頁(yè)面上顯示所有的分類：
---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
---
這個(gè)步驟很有意思，編輯新建界面是什么凸郑？當(dāng)然hexo熟悉一些自然會(huì)知道裳食，但是小萌新還是比較懵逼的。實(shí)際上調(diào)用hexo new page xxx后芙沥，會(huì)在/source/categories/目錄下生成一個(gè)index.md文檔诲祸，在此文檔頭部加上上面這段即可。實(shí)際上而昨，index.md里只需要有這個(gè)聲明即可救氯，其他內(nèi)容并不會(huì)顯示出來，寫了也沒用歌憨。
PS. 無(wú)論是page着憨，還是post的文章，都是以.md格式結(jié)尾躺孝，在hexo g的過程中會(huì)產(chǎn)生對(duì)應(yīng)的.html文檔享扔，然后hexo d到Github上的也只是html文檔，不是.md格式的文檔植袍。
另外就是惧眠，需要注意一點(diǎn)：如果有啟用多說 或者 Disqus 評(píng)論，默認(rèn)頁(yè)面也會(huì)帶有評(píng)論于个。需要關(guān)閉的話氛魁，請(qǐng)?zhí)砑幼侄?comments 并將值設(shè)置為 false，如：
---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
comments: false
---
這個(gè)暫時(shí)不是很明白，再說吧秀存。
3.在菜單中添加鏈接捶码，此時(shí)需要編輯主題的_config.yml，hexo的配置文件事先寫好了或链，但是處于注釋狀態(tài)惫恼，需要去除注釋即可：
menu:
home: /
tags: /tags
categories: /categories
archives: /archives
內(nèi)容更少些。
我從自己的配置文件中拿出來的是這樣的澳盐，注意通過或鏈接的內(nèi)容祈纯，暫時(shí)我也不是很明白用意，猜測(cè)是多一種選擇吧叼耙，官方文檔給出的是：
menu:
home: / || home
about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
此時(shí)準(zhǔn)備完畢腕窥，去網(wǎng)站上點(diǎn)開分類這欄，會(huì)發(fā)現(xiàn)沒有任何分類筛婉，但是分類這欄已經(jīng)是有內(nèi)容的了簇爆，不再是404錯(cuò)誤。因?yàn)檫€沒有文章關(guān)聯(lián)到分類爽撒。
添加文章分類關(guān)聯(lián)
第二步是為寫的post文章指定分類：
上面是next主題官方給出的配置方案入蛆，而如何為文章關(guān)聯(lián)分類，是hexo官方給出的硕勿。
hexo的front-matter概念
即在xxx.md上方指定文章title, date, tag等的地方安寺。
仔細(xì)想想可以明白，分類也應(yīng)該指定在這個(gè)地方首尼。
就是在文章頭部指定一個(gè)categories屬性即可，注意言秸，這些屬性和屬性值之間必須有一個(gè)空格软能，否則解析錯(cuò)誤。
示例：
---
title: 殺死一只知更鳥觀后感
date: 2018-03-01 21:46:12
tags:
categories: 電影評(píng)論
---
這樣不僅本篇文章上會(huì)有分類名举畸，點(diǎn)擊菜單欄也會(huì)顯示各個(gè)分類查排。
分類的名字的指定是自由的。
文章首發(fā)于：https://bingyy.github.io/
