Vercel托管网站
Vercel
Vercel 简介(以前叫 ZEIT)
Vercel 是一个站点托管服务平台,
Github
项目自动更新部署(CI/CD
)可以部署多个网站或者服务
网站自动配置 https,不用自己申请证书,子域名的个数没有限制
最重要的是
Vercel
个人完全免费。Vercel
从开始的一个月免费20G
,到后来的一个月免费100G
,直到现在的个人完全免费,可见其诚意。
Vercel 工作原理
Vercel
属于复制一份Github Pages
文件,然后在它给你的空间新开一个页面,同时提供 cdn 加速。- 部署比较简单,用
GitHub
登陆授权后,修改DNS
配置域名即可。
Vercel 使用
Vercel 官网
进入官网,注册账号
使用
GitHub
或者GitLab
登录选择
Github Pages
导入,或者新建一个模板(Vercel
提供了诸多模板)。这里选择导入可以自定义项目名(不是
Github
仓库名)可以选择路径(一般都是在仓库根目录下
root
)可以选择网站对应的模板(如果网站使用了不属于原模板框架的文件,建议选择 Other,部署效果和选择模板是一样的)
点击部署
部署成功,点击
Visit
即可看到自己的网站
重新部署
一般来说
Vercel
随着Github
仓库更新而部署。如果有特殊需要,可以自己手动部署点击左上角
Vercel
图标,回到仪表盘,然后点击项目头像进入项目
点击
View Build Logs
进入到构建页面,然后点击Redeploy
重新部署
其他设置
进入项目,点击
Settings
General
页面:常规设置,可以更改Vercel
项目名、模板、项目仓库文件夹、删除项目Domains
页面:项目域名,见下文Git
页面:Git
设置,可更改仓库分支(更改之后记得重新部署一下)Serverless Functions
页面:服务器所在地,可改为香港(Hong Kong)
绑定 Vercel 域名(可选)
进入项目
点击
View Domains
进入域名配置页面(这里默认显示是Vercel
分配的域名)Vercel
会为每一个项目自带一个域名,也可以自定义,不过后缀要为*.vercel.app
可以点击
Add
可以添加域名,也可以点击Edit
–>Remove
删除
配置自己的域名(可选)
我是在阿里买的域名 阿里域名服务
方式一:DNS 配置
将
DNS
配置到Vercel
之后,相当于Vercel
接管了配置域名的权力,之后子域名就不需要再进行配置了(如果在国内备案过,请走方式二)Add
之后,它会弹出来一些需要做的配置,接下来需要去我们的域名提供商那里根据Vercel
给出的要求进行域名配置。
进入域名控制台,找到域名,点击
管理
修改 DNS(DNS 修改之后,大概需要等 10 分钟才会生效)
1
2ns1.vercel-dns.com
ns2.vercel-dns.com
记住
CNAME
解析记录,回到Vercel
仪表盘,点击Domains
点击
View DNS Records & More
填入子域名的名称,选择
CNAME
,值为cname.vercel-dns.com
, TTL 为60
回到项目中,等待几分钟后,即可看到绑定子域名成功
需要配置子域名就在 Vercel 上配置
CNAME
即可
方式二:域名解析
进入域名控制台,找到域名,点击
解析
添加这条解析记录
1
2@ A 默认 76.76.21.21
www CNAME 默认 cname.vercel-dns.com如果绑定的是主域名的话,这个时候就算配置成功了!!!
需要配置子域名就在 阿里云 上配置
CNAME
即可填入子域名的名称,选择
CNAME
,值为cname.vercel-dns.com
, TTL 为60
回到项目中,等待几分钟后,即可看到绑定子域名成功
接下来就可以通过我们设置的域名访问我们的网站啦!!!
相关事项
- 需要更新网站时,只需要将新内容提交到 Github 上,Vercel 就会自动部署了!