Hexo-更換主題與基本設定

發表於   |  

更換主題

下載主題

到官方網站中，選擇主題，底下就會有很多主題供你挑選。點擊喜歡的主題，進去後會教導如何用指令下載主題。

更新主題

如果發現主題有改版，執行以下指令進行更新主題：

1
2
cd themes/[主題資料夾名稱]
git pull

抽換Blog主題

下載後，至根目錄下的_config.yml中，找到theme:部分，於分號後空一格放上~\themes\下的資料夾名稱，範例如下：

1
theme: [主題名稱]

安裝Plugins

自行到官方網站尋找外掛下載使用，點擊進去後會交你如何安裝與使用。

常見設定

根目錄下的_config.yml

此目錄重要的設定有：

  1. # Site：Blog主標題、子標題、作者名稱…等資料更新的地方
  2. # Pagination：設定每頁有幾篇文章
  3. # Extensions：抽換主題
  4. # Deployment：發佈相關設定
    其他部分可以自由修改並看呈現結果，歡迎各位分享自己的設定唷。

主題下的_config.yml

不同的主題其_config.yml會有不同，基本上會有『選單(menu)』、『icon』、『程式碼區塊樣式』、與『第三方服務』等設定。以我使用的主題next為範例，簡述設定：

  1. 選單：我的選單有首頁、關於、歸檔、與標籤。所以這四個設定開啟，其餘的註解不使用就好。以標籤為例：

    • step1. 先於設定檔中開啟標籤（tags: /tags）。
    • step2. 利用語法，新增標籤的頁面 
      hexo new page 'tags'
    • step3. 於~\source\about底下，找到index.md，除了可以自己修改title外，如果你有使用評論，於index.md中增加comments: false即可關閉評論。
    • step4. 只要每篇新增的文章，增加tags，系統就會自動抓取目前文章的tags並顯示在標籤頁中。
  2. 程式碼區塊樣式：找到# Code Highlight theme，我個人設定為黑色背景。
  3. 第三方服務：常用的第三方服務有『評論(Disqus)』、『google analytics』、『站內文章搜尋(swiftype)』、『facebook SDK』…等功能設定。可以依自己的喜好幫部落格加上特別的服務。只要有第三方服務的帳號，將帳號或Key複製到對應位置貼上即可。