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