Hexo 安裝教學

發表於 更新於 分類於

簡單記錄一下怎麼架設 Hexo

Hexo 安裝

  1. 安裝 Node.js
  2. 進入 Hexo 官網，照著它的範例進行操作
    1
    2
    3
    4
    5
    npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    hexo server
  3. 此時，就已經完成最基礎的設定了

部屬

  1. 將程式碼 push 的 Github 上
  2. 部屬的平台和方式很多種，這邊選擇的是 Vercel，因為它是免費的，而且步驟極簡單

    其他免費平台包含：

  3. 進到 Vercel 官網後，點擊右上的 Sign Up 進行註冊

    補圖片

  4. 授予 Vercel 讀取 Github 的 Respository 的權限

    可以只授權特定一個或多個 Respository
    補圖片

  5. 建立新專案

    補圖片

  6. 選擇要 Import 的 Repository

    補圖片

  7. 直接點選下方的 Deploy 即可

    補圖片

  8. 等待數秒後，就會出現完成畫面 (也會有網站畫面截圖，方便確認)

    補圖片

修改網域

通常預設的網域比較沒那麼好記，往往帶有一些編號，我們可以手動修改

  1. 點選上方的 Settings 頁籤

    補圖片

  2. 點選左側的 Domains 頁籤後，點選 Edit 開始編輯

    補圖片

  3. 設定完成後按下 Save 進行儲存

新增文章

  1. 在 source/_posts 加入新的 .md 檔案
  2. 產生靜態檔
    1
    hexo generate
  3. 在本地啟動 hexo，確認文章是否有正確地建立
    1
    hexo server
  4. 把程式碼 push 到 Github 上

    只需要 push .md 就好

  5. Vercel 自動部屬新版本