使用vercel部署一个简洁的在线生成封面网站
使用vercel部署一个简洁的在线生成封面网站
周润发简单介绍 🥰
1.事前准备
- 域名(非必须,你也可以使用免费域名,或使用
vercel
分配的域名也可以,但分配的这个域名被墙严重,建议设置自定义域名,然后使用我的 vercel CDN 服务进行加速) - GitHub(必须,你需要注册一个GitHub帐号)
- Vercel(必须,你需要注册一个vercel帐号)
2.Vercle部署
因为这个项目提供了
Vercle
一键部署,点击自动部署并创建仓库,点击前往 DeployRepository Name
设置你项目的名称,我设置为 cover 你可以自定义,Create private Git Repository
勾选左下角就是设置为私库不勾选则反之。然后点击Create
创建。等待部署一分钟左右就好了。
部署完成
3.自定义域名设置DNS加速
点击
Add Domain
设置自定义域名,我设置为 cover.001315.xyz 点击ADD
添加(如没有域名的小伙伴忽略此步,点击右上角箭头进入到项目页面在点击Visit
就可以看到你部署的Mini-Cover
页面了,但是这个域名是vercel
分配的域名被墙严重,等下教大家如何加速)去你的域名解析商添加自定义域名解析,我是托管在
cloudflare
的,进入你的域名DNS记录
点击添加记录
,类型
选CNAME
,名称
设置为你在vercel
设置的域名前缀,我是 cover ,使用vercel CDN进行加速目标
填写vercel.001315.xyz
小黄云关闭。添加完成后,稍等片刻就可以在vercel
的自定义域名页面看到两个对勾符号,这表示解析成功。我们测试一下使用
vercel
分配给我的域名是 https://cover-seven.vercel.app 在itdog进行测速,基本是全红,没法看。然后我们在看使用vercel CDN进行加速的域名 https://cover.001315.xyz 效果还是不错的。打开你部署的
Mini-Cover
项目网站,可以看到其中的标题内容是 项目主 的信息。你可以在你自己的
GitHub
项目库里面修改Mini-Cover
这个库的.env
文件的配置项即可,你在GitHub
修改vercel
会同步更新的。在这个项目的主页发现有 项目主 的一个
Umami
统计代码,我们可以替换成自己的,如果你没有自己的Umami
可以去部署一个,可以参考我这个教程0成本搭建一个Umami网站统计服务 使用vercel部署,如果你不想自己部署!可以使用我部署的Umami 演示网站用户名与密码为:zhourf
可以体验一下看看。
鸣谢:
梦爱吃鱼
ps:嗯!这就完事了,喝酒去了 朋友等半天了
相关链接
在线体验 点击前往
Github 点击前往
Vercel CDN 点击前往