踩雷系列:ICARUS 的樣式設定檔案在哪裡?

踩雷系列:ICARUS 的樣式設定檔案在哪裡?

在 Hexo 技術部落格建好之後,開始想要微調一些樣式設定(蠻喜歡 Medium 那種簡約的風格),所以開始搜尋要怎麼修改我使用的樣式 ICARUS ,下面就來跟大家分享一下設定的內容:

ICARUS 的樣式設定檔案位置

樣式的檔案是在 node_modules 的資料夾內,資料夾的路徑是 hexo-theme-icarus/include/style
這邊會建議大家新增一個自己的樣式檔案並在裡面填寫你修改的內容,當然也可以直接修改原始的 ICARUS 的樣式檔案。

為什麼這篇是放在踩雷系列?

沒錯!應該有人會困惑說這篇看起來沒有任何的雷啊?
但是我在修改樣式的初期一直找不到 ICARUS 的樣式檔案在哪邊?甚至還跑去修改編譯過後的 CSS 檔案,所以理所當然的,樣式是不可能有調整。
因此我確實花了一段時間找到了原來樣式設定的檔案們在哪邊?確實有點搞笑 XD
希望有使用 Hexo 搭配 ICARUS 的大大們都不要像我一樣找超久 QQ

修改的內容

這邊有參考了其他網站的設定教學,調整了旁邊的 sidebar 和文章區塊的比例,因為教學文章很詳細,所以會附在下方的參考資料給大家!

那我們下次見ʘ‿ʘ

參考資料

Hexo - Icarus 主題 - 內容區塊寬度

評論