iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0
Modern Web

30 天利用 Hexo 打造技術部落格系列 第 29

Day 29:利用 NPM 來安裝 Next 佈景主題

  • 分享至 

  • xImage
  •  

在「Day 5:Hexo 安裝完成後的設定密技,並且為 Hexo 換上新佈景!」篇章內有提到使用 git clone 方式將 Next 佈景主題下載 Hexo。不過 Next 在大約到版本 8 時開始支援 npm 的方式安裝,因此今天就來試試看使用 npm 方式來安裝吧!

為什麼要使用 npm 安裝 Next 佈景主題?

之前我們使用 git clone 方式來下載佈景主題,基本上會遇到以下問題:

  • 透過 git clone 下載回來的主題會被 .git 隱藏,版本控制上較不便
    • 刪除主題內的 .git 能解決此問題
  • 但如果使用上述解決方法,後續更新上會比較麻煩
  • 設定部分成獨立一支檔案,不會因為更新主題後被洗掉

使用 npm 安裝 Next 佈景主題

NPM 安裝指令:

# 安裝最新版本
npm install hexo-theme-next@latest
# 安裝指定版本
npm install hexo-theme-next@8.8.0

我想要修改佈景主題設定,怎麼修改?

因為使用 NPM 方式安裝,因此下載的檔案都會下載到 node_modules 目錄裡,主題檔案就不會是在原先的 theme/next

此時如果想要針對佈景主題設定進行修改,該怎們做呢?此時我們必須透過指令方式新增:

cp node_modules/hexo-theme-next/_config.yml _config.next.yml

此時就會在 Hexo 根目錄看到 _config.next.yml 這支檔案。

更多這部分設定可到 Custom Files 查看。

_config.next.yml

基本上就跟原本佈景主題 _config.yml 一樣進行設定即可。

參考資料

本篇文章同步發布於我的部落格 Gui Blog


上一篇
Day 28:我的部落格沒有人氣怎麼辦?
下一篇
Day 30:完賽了,下次一起再來參加鐵人賽吧!
系列文
30 天利用 Hexo 打造技術部落格30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言