在之前的內容中,我們成功地發布了第一篇博客,這次,我們看一下如何更改hexo主題
更改hexo主題
認識 _config.yml 文件
在Blog/hexo/文件夾中,有一個_config.yml
文件,里面存放了博客網站的配置信息,我們用文本編輯器打開它。打開以后,我們挑需要的內容來看。
- 網站
title
網站的標題
subtitle
網站的副標題
description
網站的描述
author
網站作者的名字
language
網站的語言
timezone
網站的時區。默認使用本地電腦的時區
- 分頁
per_page
每頁顯示的文章數量。如果設置為0,則表示不分頁
pagination_dir
分頁的目錄
- 擴展
theme
主題。如果設置為false,則表示禁用主題。
【注意】在編輯_config.yml
文件時,一定要在:
和輸入的內容
之間加一個空格
挑選喜歡的網頁主題
-
點擊此處下載主題壓縮包,將其解壓到Blog/hexo/themes中,將文件夾名由
hexo-theme-Anatole-1.1.0
改為anatole
-
將
_config.yml
文件中上文提到的theme:
改為theme: anatole
-
在命令行中輸入
npm install --save hexo-render-pug hexo-generator-archive hexo-generator-tag hexo-generator-index hexo-generator-category
,安裝和配置必要的插件,大概一分鍾左右。
-
在命令行里輸入
npm install --save hexo-render-pug
【注意】一定要注意,這些命令語句是在hexo
的根目錄下輸入的,而不是主題anatole
的目錄下
-
我們可以在
_config.yml
文件中,添加avatar:
,后面附帶一個圖片的鏈接,就可以作為自己博客的頭像了
-
在
_config.yml
文件中,添加github:
,后面附帶上github用戶名,就可以在主頁上出現你的github鏈接
將設置應用到博客網站
我們執行和上傳博文一樣的方式,執行hexo g
和hexo d
命令,再打開你的博客網站,就會發現網站已經成功更改了主題