1. 首頁
  2. »
  3. 網站架設
  4. »
  5. Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與CICD持續部署

Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與CICD持續部署

2021/07/15

梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
  自從開始使用CICD後,就完全回不去了,除了方便版本管控外,甚至當資料更新後,還可自動化部署,再加上網站的所有檔案,都是透過git方式,將資料同步到主機中,與FTP相比之下,要來的方便許多,當有檔案刪除時,也不用再手動去作刪除。

先前也曾分享過 Cloudflare Pages、DigitalOcean、CloudRun,來建製HUGO與自動化部署,由此可見自動化部署的趨勢,而最近梅干又發現一個平台,不但提供自動化部署,甚至免費版,還可綁定域名、CDN、SSL,同時還支援HUGO、Node.js、GO語言,且Vercel 所提供的CDN節點在香港,因此當網站建立好後,開啟的速度相當的快,因此想玩CICD持續化部暑的朋友,現在就一塊來看看,如何用Vercel 來架站吧!


Vercel
Step1
進入後,將頁面向下滾動,點一下 Get Started for Free 鈕。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step2
接著再點選網站存放的服務平台。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step3
接著再點 Authorize Vercel,授權給Vercel平台存取。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step4
接著會需要電話驗證,且只限美加地區,這時可用線上虛擬電話,來接收啟用碼,可參考先前的文章(SMS Receive Free 免費線上接收美、加簡訊)。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step5
在驗證完畢後,點一下Add GitHub Org or Account
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step6
接著選擇放在GitHub中的專案,選擇完畢後,再按Install鈕。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step7
接著再按下Import
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step8
接著再設定網站建立的團隊名稱。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step9
設定好後,再按下方的「Deploy」鈕。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step10
接著就會開始進行部署啦~簡單吧!
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step11
當部署完畢後,再點Visit鈕。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step12
接著就會開啟剛所部署好的網站,同時開啟的速度相當的快,梅干檢查了一下,網站除了有快取外,甚至主機節點就在香港。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step13
接著再到管理面板,點選「Domains」頁籤,就可設定自己的域名。
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署
Step14
在設定完畢後,Vercel也會自動配置SSL安全憑證,這樣就可綁定自己的域名啦!Vercel真的相當不錯,因此有用hugo架站的朋友,可千萬別錯過了,而Vercel除了可用來架設hugo外,也支援next.js與go語言喔!
梅問題-Vercel 免費網頁空間,可綁定域名、CDN與SSL,並支援HUGO與持續部署