hexo之next主題添加分類


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)建分類顯示界面:

https://github.com/iissnan/hexo-theme-next/wiki/%E5%88%9B%E5%BB%BA%E5%88%86%E7%B1%BB%E9%A1%B5%E9%9D%A2

可以參考這個官方的鏈接,也可以看我摘出來的文字。

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/

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容