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

Step2
接著再點選網站存放的服務平台。

Step3
接著再點 Authorize Vercel,授權給Vercel平台存取。

Step4
接著會需要電話驗證,且只限美加地區,這時可用線上虛擬電話,來接收啟用碼,可參考先前的文章(SMS Receive Free 免費線上接收美、加簡訊)。

Step5
在驗證完畢後,點一下Add GitHub Org or Account。

Step6
接著選擇放在GitHub中的專案,選擇完畢後,再按Install鈕。

Step7
接著再按下Import。

Step8
接著再設定網站建立的團隊名稱。

Step9
設定好後,再按下方的「Deploy」鈕。

Step10
接著就會開始進行部署啦~簡單吧!

Step11
當部署完畢後,再點Visit鈕。

Step12
接著就會開啟剛所部署好的網站,同時開啟的速度相當的快,梅干檢查了一下,網站除了有快取外,甚至主機節點就在香港。

Step13
接著再到管理面板,點選「Domains」頁籤,就可設定自己的域名。

Step14
在設定完畢後,Vercel也會自動配置SSL安全憑證,這樣就可綁定自己的域名啦!Vercel真的相當不錯,因此有用hugo架站的朋友,可千萬別錯過了,而Vercel除了可用來架設hugo外,也支援next.js與go語言喔!
