Netlify 靜態網站托管的功能
在這篇文章中,我探討了使用 Netlify 作為靜態網站托管的優勢,相較於 GitHub Pages,Netlify 提供了更豐富的配置選項如自定義域名支持 HTTPS、表單處理、預覽環境及版本控制等功能。我介紹了如何使用 Netlify 管理靜態內容,並利用其 CI/CD 功能自動部署網站,同時也講述了如何結合 Hugo 和 Netlify CMS 提升內容管理效率。
Netlify 提供了免費的靜態網站托管服務
GitHub 本身有靜態部署的 Solution ,能做靜態網站托管,也就是 gh-pages,詳情請見 GitHub Pages 的原理與功能 一文,其功能簡單且使用便捷,但若需要一些額外的功能和設定就比較複雜。
Netlify 可以幫忙簡化這些工作,讓沒有程式背景也能快速對靜態網頁做些額外的設定
- 轉址(Redirect)
- GitHub Pages 的原理與功能 一文教學如何用 GitHub 實現
- 自定義的域名(Custom Domain)需要 HTTPS
- 接受使用者傳遞内容(例如表單送出)
- 上線前的預覽(Preview)
- 版本控制
- CI/CD
- CI/CD: GitHub Actions 自動部署到 GitHub Page 一文教學如何用 GitHub 實現
- 權限驗證
- 沒有子路徑問題
- 支持 Private Repo
本部落格是採用以下工具完成,詳細見 用 Hugo 寫 Blog 部署在 Netlify 一文
- Hugo 快速產生靜態網站的檔案 (程式碼)
- 檔案 (程式碼) 上傳到 GitHub 做程式碼托管
- Netlify 去讀取鏈結 GitHub 取得檔案 (程式碼) 做靜態網站托管
- Netlify CMS 甚至可以簡單新增網站後台
參考資料Netlify — 靜態頁面的自動化部署神器netlify 超佛心的靜態網站hosting服務用 Netlify 佈署前端網頁 (二)Netlify 一個超神奇的靜態網頁 Hosting靜態網頁放 Netlify 不用錢