February 5, 2022

将hugo托管从github迁移到vercel

vercel logo

vercel是一个站点托管平台,类似于GitHub的托管平台。在vercel 官网上有其详细的介绍。

1.为什么我会弃用github而选用vercel

这里有二点原因:1.github托管的域名访问速度有点着急,vercel比github以及其它在无备案托管平台上我认为算是最快的。2.可以从github一键导入静态博客文件到vercel且支持个人自定义域名,而且上传博客文章比github要稳,可以隐藏公开仓库。

2.使用vercel开始进行hugo静态博客部署

2.1从GitHub拉取

这里vercel支持github,gitlab,bitbucket这三个托管平台登录,拉取github登录:

image-20220205101654000

分别点击New Project》选择github上的静态博客仓库点击Import(导入)》Configure Project的FRAMEWORK PRESET我这里从“other”改为“hugo”,其它的都不需要改,然后点击“deploy(部署)”。

image-20220205104301336

接下来就是代表成功部署在vercel上了。

image-20220205104850558

2.2自定义域名

点击vercel》project》setting》domains,在domains输入自己的域名,并去域名商(DNSPod)控制台添加vercel的域名解析CNAMEA记录类型。

image-20220205113958634

在先前github pages上移除绑定的域名,并移除在DNS解析DNSPod上的CNAME记录类型。

image-20220205120219880

图/解除主机域名在github的绑定

image-20220205120558037

图/之前在github上的CNAME记录类型在DNSPod删除

image-20220205121522227

image-20220205121607937

image-20220205122239230

再把vercel的ACNAME二条解析记录类型分别填到DNSPod域名解析上就行。

image-20220205123236523

这样一来,vercel的三个域名解析就成功了。

2.3指定hugo博客版本号

你还可以指定HUGO_VERSION环境变量来添加自己特定的版本号,在Vercel》project》setting》Environment Variables上添加,例如:

image-20220205130919935

基本上这就是hugo在Vercel的部署了。


参考:创建一个 Hugo 网站并使用 Vercel 进行部署

圣彼得堡

知识共享许可协议
本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

© 阿波尔的博客 2019-2022