title: hexo之next主題添加分類
date: 2018-03-02 13:00:00
tags:
categories: Hexo主題配置
hexo之next主題添加分類
@(Hexo+Github)
當前博客主題用的是next最新版,最初是比較簡陋的界面,一直放著沒怎么動,測試了下Latex的顯示效果沒有達到在CSDN我的博客上的效果,就很失望,沒再此地更新。
但是今年(2018)年突然發(fā)現hexo可以做出很酷的靜態(tài)站點。
于是開始作為首發(fā)文章的地方。
下面開始細部的折騰,細節(jié)過程記錄為文檔,以供參考。
創(chuàng)建分類頁面(page)
第一步是創(chuàng)建分類顯示界面:
可以參考這個官方的鏈接,也可以看我摘出來的文字。
1.新建一個頁面,命名為categories:
hexo new page categories
之所以命名為categories的原因是在next主題的配置文件中,categories是關鍵詞。
2.編輯新建界面,將頁面類型設置為categories,主題將會在這個頁面上顯示所有的分類:
---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
---
這個步驟很有意思,編輯新建界面是什么?當然hexo熟悉一些自然會知道,但是小萌新還是比較懵逼的。實際上調用hexo new page xxx后,會在/source/categories/目錄下生成一個index.md文檔,在此文檔頭部加上上面這段即可。實際上,index.md里只需要有這個聲明即可,其他內容并不會顯示出來,寫了也沒用。
PS. 無論是page,還是post的文章,都是以.md格式結尾,在hexo g的過程中會產生對應的.html文檔,然后hexo d到Github上的也只是html文檔,不是.md格式的文檔。
另外就是,需要注意一點:如果有啟用多說 或者 Disqus 評論,默認頁面也會帶有評論。需要關閉的話,請?zhí)砑幼侄?comments 并將值設置為 false,如:
---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
comments: false
---
這個暫時不是很明白,再說吧。
3.在菜單中添加鏈接,此時需要編輯主題的_config.yml,hexo的配置文件事先寫好了,但是處于注釋狀態(tài),需要去除注釋即可:
menu:
home: /
tags: /tags
categories: /categories
archives: /archives
內容更少些。
我從自己的配置文件中拿出來的是這樣的,注意通過或鏈接的內容,暫時我也不是很明白用意,猜測是多一種選擇吧,官方文檔給出的是:
menu:
home: / || home
about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
此時準備完畢,去網站上點開分類這欄,會發(fā)現沒有任何分類,但是分類這欄已經是有內容的了,不再是404錯誤。因為還沒有文章關聯到分類。
添加文章分類關聯
第二步是為寫的post文章指定分類:
上面是next主題官方給出的配置方案,而如何為文章關聯分類,是hexo官方給出的。
hexo的front-matter概念
即在xxx.md上方指定文章title, date, tag等的地方。
仔細想想可以明白,分類也應該指定在這個地方。
就是在文章頭部指定一個categories屬性即可,注意,這些屬性和屬性值之間必須有一個空格,否則解析錯誤。
示例:
---
title: 殺死一只知更鳥觀后感
date: 2018-03-01 21:46:12
tags:
categories: 電影評論
---
這樣不僅本篇文章上會有分類名,點擊菜單欄也會顯示各個分類。
分類的名字的指定是自由的。
文章首發(fā)于:https://bingyy.github.io/