文章

【RiverNote】從 WordPress 遷移至 GitHub Pages 並部署到 Hostinger

【RiverNote】從 WordPress 遷移至 GitHub Pages 並部署到 Hostinger

今天完成了一項重大的網站架構遷移工程,將原本運行於 WordPress 的內容正式轉移到基於 Jekyll 靜態產生器的 GitHub Pages 架構,並最終部署到 Hostinger 主機。以下是本次實作的關鍵步驟紀錄。

1. 將 WordPress 文章轉移到 GitHub Pages

這部分的重點在於將資料庫形式的文章內容轉換為 Jekyll 所需的 Markdown 格式。

  • 自動化遷移:使用 Python 腳本(migrate_wp.py)讀取 WordPress 導出的 JSON/XML 內容。
  • 格式轉換
    • 將文章內容從 HTML 轉換為乾淨的 Markdown
    • 自動提取並生成 Front Matter,包含標題、日期、分類及標籤,確保 Chirpy 主題能正確解析。
  • 檔案歸檔:將生成的 Markdown 檔案依照 YYYY-MM-DD-title.md 的命名規範放入 _posts/ 資料夾。

2. 將 GitHub Pages 部署到 Hostinger

雖然 GitHub Pages 提供了便利的預覽與託管,但為了更好的存取速度與主控權,我選擇將產出的靜態內容部署到 Hostinger 主機。

  • 靜態編譯:在本地端環境執行編譯指令,將所有的 Markdown 與樣式檔案生成為最終的網頁檔案。
    1
    
      bundle exec jekyll build
    
  • 部署實作
    • 編譯後產生的成品位於 _site/ 資料夾中。
    • 上傳步驟:將 _site/ 資料夾內的所有靜態檔案上傳至 Hostinger 伺服器的 public_html 目錄下。
    • 成果驗證:目前網站已成功在 Hostinger 主機上運行,且具備更快的響應速度。

結語

從動態架構轉向靜態架構雖然在遷移初期需要花費較多心力處理資料轉換,但後續帶來的安全性、載入速度以及維護成本的降低是非常值得的。

本文章以 CC BY 4.0 授權