靜態網頁免費自動部署

自動化部署 git github page netlify vercel heroku
部署
Publish Date:   2022-07-21

繼上篇文章紀錄下「使用微軟內建IIS架設免費站台」，這篇想和大家分享網上免費部署靜態網頁的資源，搭配git還能做到自動化部署。

Github

這篇順便介紹Github，Github是一個開源原始碼代管平台，搭配git做版本控制，個人使用免費。

拋棄傳統拷貝至usb的方式，每到新的環境（電腦），只要git clone就可以輕鬆把專案複製下來，多人維護共同專案等。還沒有帳號可以先去註冊。

Git

還不會使用git的話也不用擔心，現在網上有非常多資源可以學習，而且如果專案都是自己一個人在維護，其實只要學會如何「複製（clone)、提交（commit）、推送（push）」，再搭配小烏龜的中文圖形化介面就不需要打指令。如果想更一步的學習git，可以參考連猴子都能懂的Git入門指南。

Github Pages

Github 不僅是提供源碼託管，Github Page 更只是眾多服務中的其中一個項目，提供靜態網頁部署，再搭配Github Token、Github Action Secret、Github Action 就可以做到自動化部署。
雖然有點繁瑣但其實也沒有很難，可以參考使用 GitHub Action 來做簡單的 CI/CD

Vercel

  • 免費提供部署靜態網頁
  • 免費帶有SSL的子網域(vercel.app)。

    Vercel的免費帳號是不能有商業行為，如有需要必須購買進階方案。

Netlify (推薦)

  • 免費提供部署靜態網頁，
  • 免費帶有SSL的子網域（netlify.app)

    Netlify是開放商業行為的（例：購物網站），但是不得轉售Netlify的託管服務。

Heroku (推薦)

自動化部署 git github page netlify vercel heroku
  TOC