Vercel免费部署网页,1块钱买个腾讯云域名解析,速度也起来了

338 阅读3分钟

背景

以前,可以把静态页面部署在Gitee上托管,但是后来,Gitee的托管服务被停掉了,其他可选的免费托管就不多了:

  • Github:访问速度贼慢且国内不稳定,即使托管好了,打开网页也贼慢,除非用梯子
  • vercel:速度相对快一点,支持CI/CD自动部署,支持全栈
  • uni cloud:速度是快了一点,但是有各种限制详见下图,而且每个月都要申请续约免费套餐

image.png

后来看到有人说,只要把vercel绑定自定义域名,访问速度就会变快,于是我就试试看。

白嫖域名

首先需要有个域名,抱着白嫖的心态,先嫖一个1元的域名,对比了几家云厂商,最终花1块钱买了个腾讯云的域名 image.png

至于续费,以后再说吧,啥时候被裁员还不知道呢!

我还对比了腾讯云和阿里云的长期域名价格,不追求.com,.cn这些顶级域名,主打能用就行

  • 阿里云的.top域名,10年价格186元

3c5b5dbdd30d6fc0a102e092cc790862.png

  • 腾讯云的稍微贵一点,但是平均到每年,也就3杯奶茶钱,也还是能接受的 ccce03fa01f725d1551a7ea69a48b692.png

如果追求长期稳定的域名,买10年的肯定是划算的。

部署项目到vercel

上传代码

由于vercel支持的第三方代码有限,所以选择将代码上传到Github上

image.png

引入项目

vercel需要先绑定github,自己绑定一下就好了,然后就可以看到你Github中的项目了,想要部署哪个,直接点Import就行了

image.png 引入完成后,可以自动部署,然后会生成随机域名,可以公网访问的,但是速度较慢,绑定自己的域名后,访问速度回变快,因为国内CDN节点肯定比国外的快啊。

以下示例图是我绑定自己域名的效果:

image.png

你可以在这里看到每次部署的记录,点击后面的...可以重新部署

image.png

绑定自定义域名

你要先到云服务商那里的控制台,配置域名解析,此处以腾讯云为例

image.png

解析配置好了之后,你还需要把域名绑定到vercel的项目,对应的填写就行了,因为我已经绑定好了,就不演示了

image.png

可能很快会生效,也可能几分钟、甚至几小时才生效,具体看情况。

部署成功的示例

我目前先部署了两个vue前端静态页面,看下效果,发现访问速度还可以。

image.png

image.png

总结

只需要买个域名,就可以拥有多个静态网站,当然了,vercel也支持部署后端,后续我会测试继续更新文章的。

但是最好不要用来部署后端,我看到有人评论,一旦超出额度后,费用会很高,如果只是个人测试,那么额度是够用的。

image.png