原文地址:點此查看效果
Hexo提升篇-切換一個主題
第一輪測試-頁面局部顯示
疑npm install 導致顯示不全,測試二不安裝依賴
//挑選主題
https://hexo.io/themes/
//克隆主題到本地,放置thmemes
bennyrhys>git clone https://github.com/theme-next/hexo-theme-next.git
//更改配置文件
theme: hexo-theme-next
//安裝依賴插件
$ cd hexo-theme-next
$ npm install
第二輪測試-全部顯示(未安裝依賴,切換主題風格)
疑配置文件未打開。
- 在 Hexo 中有兩份主要的配置文件,其名稱都是 _config.yml。
- 其中,一份位於站點根目錄下,主要包含 Hexo 本身的配置;另一份位於主題目錄下,這份配置由主題作者提供,主要用於配置主題相關的選項。
- 爲了描述方便,在以下說明中,將前者稱爲站點配置文件, 後者稱爲主題配置文件。
- 以下所有終端執行的命令都在你的Hexo根目錄下
主題配置文件-菜單
我們剛開始默認的菜單隻有首頁和歸檔兩個,不能夠滿足我們的要求,所以需要添加菜單,打開 主題配置文件 找到Menu Settings
menu:
home: / || home //首頁
archives: /archives/ || archive //歸檔
categories: /categories/ || th //分類
tags: /tags/ || tags //標籤
about: /about/ || user //關於
#schedule: /schedule/ || calendar //日程表
#sitemap: /sitemap.xml || sitemap //站點地圖
#commonweal: /404/ || heartbeat //公益404
看看你需要哪個菜單就把哪個取消註釋打開就行了;
關於後面的格式,以archives: /archives/ || archive爲例:
|| 之前的/archives/表示標題“歸檔”,關於標題的格式可以去themes/next/languages/zh-Hans.yml中參考或修改
||之後的archive表示圖標,可以去Font Awesome中查看或修改,Next主題所有的圖標都來自Font Awesome。
Next主題還有4種風格
我們百裏挑一選擇了Next主題,不過Next主題還有4種風格供我們選擇,打開 主題配置文件 找到Scheme Settings
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini
4種風格大同小異,本人用的是Gemini風格,你們可以選擇自己喜歡的風格。