hexo教程(四)——更改hexo主題


在之前的內容中,我們成功地發布了第一篇博客,這次,我們看一下如何更改hexo主題

更改hexo主題

認識 _config.yml 文件

在Blog/hexo/文件夾中,有一個_config.yml文件,里面存放了博客網站的配置信息,我們用文本編輯器打開它。打開以后,我們挑需要的內容來看。

  • 網站
    kDVuzd.png

title 網站的標題

subtitle 網站的副標題

description 網站的描述

author 網站作者的名字

language 網站的語言

timezone 網站的時區。默認使用本地電腦的時區

  • 分頁
    kDVQsI.png

per_page 每頁顯示的文章數量。如果設置為0,則表示不分頁

pagination_dir 分頁的目錄

  • 擴展
    kDV3eP.png

theme 主題。如果設置為false,則表示禁用主題。

【注意】在編輯_config.yml文件時,一定要在:輸入的內容之間加一個空格

挑選喜歡的網頁主題

  • Hexo主題中選擇我們喜歡的主題,這里我選擇的是Anatole主題。

  • 點擊此處下載主題壓縮包,將其解壓到Blog/hexo/themes中,將文件夾名由hexo-theme-Anatole-1.1.0改為anatole

  • _config.yml文件中上文提到的theme:改為theme: anatole
    kDV8df.png

  • 在命令行中輸入npm install --save hexo-render-pug hexo-generator-archive hexo-generator-tag hexo-generator-index hexo-generator-category,安裝和配置必要的插件,大概一分鍾左右。
    kDVYFS.png

  • 在命令行里輸入npm install --save hexo-render-pug
    kDVtJg.png

【注意】一定要注意,這些命令語句是在hexo的根目錄下輸入的,而不是主題anatole的目錄下

  • 我們可以在_config.yml文件中,添加avatar: ,后面附帶一個圖片的鏈接,就可以作為自己博客的頭像了
    kDVdQs.png

  • _config.yml文件中,添加github: ,后面附帶上github用戶名,就可以在主頁上出現你的github鏈接
    kDVDe0.png

將設置應用到博客網站

我們執行和上傳博文一樣的方式,執行hexo ghexo d命令,再打開你的博客網站,就會發現網站已經成功更改了主題
kDZHH0.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM