0. 引言

更換 Hexo 主題非常容易，只需要在 themes 文件夾內，新增一個任意名稱的文件夾，并修改 _config.yml 內的 theme 設定，即可切換主題。

在Hexo官方頁面給出了很多Hexo主題，可以前往尋找一個喜歡的主題。

1. 配置使用Next主題

1.1.下載

這里我選擇iissnan 的hexo-theme-next主題，放上其github 。

首先進入博客的theme目錄，如圖：

然后將主題克隆下來：

1.2.修改網站配置文件

git克隆完成后，打開當前目錄下的“_config.yml”配置文件，找到theme的配置選項，將theme選項配置為我們新下載好的next主題即可：

1.3.預覽

首先清除之前生成的頁面，生成新的頁面：

hexo clean && hexo g

然后在本地啟動服務：

hexo s

在瀏覽器輸入http://localhost:4000查看效果預覽：

2. Next主題設定

Next的主題配置文件_config.yml在主題文件夾下，關于NexT主題的更多配置和使用方法，包括第三方服務，可查看 Next官網。

2.1.選擇 Scheme

Scheme用來設置NexT主題的外觀，目前 NexT 支持三種 Scheme：

• Muse：默認 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
  
• Mist：Muse 的緊湊版本，整潔有序的單欄外觀
  
• Pisces：雙欄 Scheme，小家碧玉似的清新
  

在主題配置文件，搜索 scheme 關鍵字，有三行 scheme 的配置，將需用啟用的 scheme 前面注釋符 # 去除即可：

2.2. 設置界面語言

編輯站點配置文件， 將 language 設置成簡體中文，配置如下：

2.3. 設置菜單

菜單配置包括三個部分：

• 菜單項（名稱和鏈接）；
• 菜單項的顯示文本；
• 菜單項對應的圖標；

編輯 主題配置文件，修改以下內容：

1. 設定菜單內容，對應的字段是 menu。 菜單內容的設置格式是：item name: link。其中 item name是一個名稱，這個名稱用于匹配圖標，并不直接顯示在頁面上：
   
2. 設置菜單項的顯示文本，在第一步中設置的菜單的名稱并不直接用于界面上的展示。Hexo 在生成的時候將使用這個名稱查找對應的語言翻譯，并提取顯示文本，這些翻譯文本放置在 NexT 主題目錄下的 languages/{language}.yml （{language} 為你所使用的語言，這里選擇zh-CN.yml）：
   
3. 菜單項的圖標設置
   
   最后設置好的頁面如下：
   

2.4.設置側欄

默認情況下，側欄僅在文章頁面（擁有目錄列表）時才顯示，并放置于右側位置。

通過修改 主題配置文件 中的 sidebar 字段來控制側欄的行為，側欄的設置包括兩個部分：

• 側欄的位置
• 側欄顯示的時機

1. 設置側欄的位置（目前僅 Pisces Scheme 支持 position 配置），修改 sidebar.position 的值，支持的選項有：

• left - 靠左放置：
  
• right - 靠右放置：
  

2. 設置側欄顯示的時機，修改 sidebar.display 的值，支持的選項有：

• post - 默認行為，在文章頁面（擁有目錄列表）時顯示
• always - 在所有頁面中都顯示
• hide - 在所有頁面中都隱藏（可以手動展開）
• remove - 完全移除
  

2.5. 為側欄菜單項添加頁面（關于、標簽、分類）

在博客根目錄打開Git bash，輸入：

hexo new page about

然后在自動生成的這個md文檔中添加類型：

然后在此文檔中編輯，請參考：博客“關于我們”頁面寫什么？。

編輯完后成部署即可。

同樣的方法，新建“標簽”頁面和“分類頁面”

hexo new page tags
hexo new page categories

其中tags頁面內容為：

---
title: 標簽
date: 2019-05-29 14:45:15
type: "tags"
comments: false
---

categories頁面內容為：

---
title: 分類
date: 2019-05-29 14:49:08
type: "categories"
comments: false
--- 

2.6. 設置頭像

編輯主題配置文件， 修改字段 avatar， 設置成頭像的鏈接地址，鏈接地址可以是網絡URL，也可以是站點內的地址。

1. 將頭像圖片放置在 source/images/ 目錄下；
2. 在主題配置文件中配置為：avatar: /images/avatar.png：
   

2.7. 設置網站圖標

編輯主題配置文件， 修改字段 favicon， 設置成網站圖標的鏈接地址：

1. 將頭像圖片放置在 source/images/ 目錄下；
2. 在主題配置文件中配置：
   

2.8. 設置作者昵稱和站點描述

在站點配置文件中設置：

2.9. 設置頁底信息

2.10.設置右上角Github鏈接

最后主頁效果如下：

底部信息欄效果如下：

2.11. 添加RSS

先安裝 hexo-generator-feed插件：

npm install hexo-generator-feed --save

安裝之后編輯站點設置文件，添加以下內容：

# RSS訂閱
feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '

最后打開 主題配置文件 搜索rss，設置為：