終於架好部落格了!!!
第一篇就要來記錄安裝 HEXO 的過程
因為報名參加六角舉辦的鼠年鐵人賽寫文馬拉松活動,每個禮拜都會在 Medium 上更新文章。後來看到許多參賽者都是自己架一個部落格寫技術文,也讓我躍躍欲試!所以我就開始摸索 HEXO 部落格架站!!
話不多說,趕快進入正題!
做 HEXO 部落格架站之前需要先安裝兩個工具!
安裝 Hexo
1 | npm install -g hexo-cli |
PC 建議使用 CMD ,我用 powershell 的時候出現很多問題…
開一個 Hexo 資料夾
1 | hexo init xxx |
這邊的 xxx 代表你要用的部落格資料夾名稱
移到建立部落格的那個資料夾
1 | cd 資料夾 |
看資料夾內容
1 | dir |
生成 Hexo 產生靜態檔案
1 | hexo g |
打開 Hexo Server
1 | hexo s |
新增文章
1 | hexo new "文章標題" |
然後你就可以直接到 資料夾/source /_posts /文章標題.md 中的檔案做文章編輯。
編輯文章之後要記得再啟動 Hexo 以及打開 Hexo Server
新增草稿
1 | hexo new draft "文章標題" |
生成頁面
1 | hexo new page "page title" |
怎麼換主題?
由於 HEXO 官方搭配的 landscape 主題我不喜歡,所以就決定換一個順眼的!
HEXO 提供多款主題,大家可以選擇喜歡的下載來用喔!
我自己用的主題是 icarus 這款,所以下面的範例也會套用 icarus 主題。
要換主題其實非常簡單,在終端機複製貼上這行
1 | git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus |
下載好主題後,一定要回到資料夾的 _config.yml 這個檔案修改主題名稱,把 theme: landscape
改成 theme: icarus
然後,hexo s
打開 server 查看。
但是我在這個流程跑出錯誤訊息,爬文後發現 icarus 這款主題好像蠻多人有這個問題的。
1 | ERROR Package cheerio is not installed. |
解決方式就是 npm i cheerio -S
安裝後就可以再一次 hexo g
、 hexo s
美麗的主題畫面就會跑出來囉~
(圖片是我在編輯這篇文章才截圖的 XDDD)
下一篇要分享「如何把 HEXO 部落格部屬到 Github pages 上面 ?」
ps. 途中遇到很多問題,最後終於搞定了 = = (血淚史!)