快速搭建博客-提升篇,主題美化

原文地址:點此查看效果

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風格,你們可以選擇自己喜歡的風格。

發佈了153 篇原創文章 · 獲贊 121 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章