Netlify 靜態網站托管的功能

在這篇文章中,我探討了使用 Netlify 作為靜態網站托管的優勢,相較於 GitHub Pages,Netlify 提供了更豐富的配置選項如自定義域名支持 HTTPS、表單處理、預覽環境及版本控制等功能。我介紹了如何使用 Netlify 管理靜態內容,並利用其 CI/CD 功能自動部署網站,同時也講述了如何結合 Hugo 和 Netlify CMS 提升內容管理效率。

Netlify 靜態網站托管的功能
Photo by Markus Spiske / Unsplash
Netlify 提供了免費的靜態網站托管服務

GitHub 本身有靜態部署的 Solution ,能做靜態網站托管,也就是 gh-pages,詳情請見 GitHub Pages 的原理與功能 一文,其功能簡單且使用便捷,但若需要一些額外的功能和設定就比較複雜。

Netlify 可以幫忙簡化這些工作,讓沒有程式背景也能快速對靜態網頁做些額外的設定
  1. 轉址(Redirect)
  2. 自定義的域名(Custom Domain)需要 HTTPS
  3. 接受使用者傳遞内容(例如表單送出)
  4. 上線前的預覽(Preview)
  5. 版本控制
  6. CI/CD
  7. 權限驗證
  8. 沒有子路徑問題
  9. 支持 Private Repo
本部落格是採用以下工具完成,詳細見 用 Hugo 寫 Blog 部署在 Netlify 一文
  1. Hugo 快速產生靜態網站的檔案 (程式碼)
  2. 檔案 (程式碼) 上傳到 GitHub 做程式碼托管
  3. Netlify 去讀取鏈結 GitHub 取得檔案 (程式碼) 做靜態網站托管
  4. Netlify CMS 甚至可以簡單新增網站後台

參考資料Netlify — 靜態頁面的自動化部署神器netlify 超佛心的靜態網站hosting服務用 Netlify 佈署前端網頁 (二)Netlify 一個超神奇的靜態網頁 Hosting靜態網頁放 Netlify 不用錢