Hexo建立 blog

第一步：建立Hexo根資料夾

首先，我們會先下一個指令

1
hexo init <你想要設定的資料夾名稱>

會跑一陣子
完成之後會像這樣⬇️

1

第二步：進入Hexo根資料夾並執行npm install

進入剛剛創的資料夾

1
cd <剛剛設定的資料夾名稱>

安裝相關套件

1
npm install

這行指令意思是會根據資料夾內的package.json去安裝缺少的套件

結果會如下圖所示⬇️
2

第三步：啟動本地blog指令

啟動hexo blog基本需要下三個指令：

  1. 清除db.json和放在public資料夾產生的靜態檔案
1
hexo cl

等同 hexo clean

  1. 產生靜態檔案
1
hexo g

等同 hexo generate

  1. 起server
1
hexo s

等同 hexo server

完成後⬇️
3

這樣 hexo 就會開一個port號是4000
我們只要在瀏覽器輸入：

1
localhost:4000

就會顯示blog畫面⬇️
4

那hexo有預設放hello world的文章
如果不想要的話只要把下面這個路徑

1
<你的hexo資料夾>/source/_posts/hello-world.md

檔案刪除就可以了~

那一樣是執行啟動blog三件套，文章才會消失

如何讓自己的blog有漂亮的主題？

Hexo官方有個地方上面有很多厲害的人分享好看的主題
主題的網址我都放在這了，去逛逛吧～

像我不是用原本預設的版
逛一逛之後被butterfly的打字機效果吸引
結果發現這個主題剛好作者也一直很用心在維護更新
也有其他功能是出乎意料的好看~
文章教學也寫得蠻仔細的跟著做就很漂亮

有時候看封面可能看不太出來
那也有很貼心的放示範連結
可以大概知道套這個版會長什麼樣

只要點擊框起來的地方⬇️
5

如果你也想和我一樣的主題
那就可以直接在hexo的資料夾下這個指令

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

那再執行一次啟動blog指令三件套
就可以看到主題已經變了 owob

但是這篇文章都是在講本地實作，意思就是只有你自己看得到
如果要部署到網站，讓別人也看得到的話，要看下一篇文章