iT邦幫忙

2025 iThome 鐵人賽

DAY 5
1

前面介紹過了Hexo有很多主題

我使用KIRA這個主題去套用,之後也會從這個主題下去修改成我自己喜歡的圖

https://github.com/ch1ny/kira-hexo

各位也能在HEXO的官網找自己喜歡的主題去安裝修改,Butterfly這個主題最多人使用拿去修改,網路上的教學與花樣也很多,是很值得嘗試的一個主題(但太多太高深的魔改了我看不懂所以沒用這個主題)

安裝KIRA主題


#可以用npm
npm create kira-hexo@latest <放網站用的資料夾>

#或是yarn
yarn create kira-hexo <放網站用的資料夾>

安裝完後進到資料夾內

跟前面初始化一樣的指令

hexo s


然後打開瀏覽器進入 http://localhost:4000,就可以看到KIRA主題的頁面了

https://ithelp.ithome.com.tw/upload/images/20250831/20178433MyNsN9UxoO.png

如果你對客製化這些頁面沒什麼興趣,單純像這樣套完主題就可以直接用了。

關於基本配置可以參考以下解說

https://kira.host/hexo/config/config.html

明天會看配置對照表

如果想安裝其他主題的人:

每一個主題點進去後都會有安裝說明,照著安裝即可

舉例**Frame 主題**

點進去後底下有安裝說明
https://ithelp.ithome.com.tw/upload/images/20250831/20178433eLDkkNIVoO.png


上一篇
初始化 Hexo,Hello world
下一篇
Kira主題對應資料
系列文
身為一個宅宅也想要有自己的小天地6
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言