在观看本教程前请确认:

  1. 你的确需要对自己的网站的访问进行加速,并且不想花太多钱
  2. 你有自己的域名,或者能够购买一个可供使用的网名
  3. 你对域名的解析,DNS等有一定的理解

Vercel同步GitHub仓库

因为我们的博客都是部署在GitHub上并且通过GitHub Pages服务部署并提供访问,而GitHub在国内的访问情况并不算优秀。

因此,在尽可能减少成本的前提下,如何能提升访问速度?

答案是Vercel,Vercel是一个云计算平台,主要用于托管、构建和部署静态网站和单页面应用程序。它提供了一个简单易用的工具集,使开发人员可以更快、更方便地将他们的应用程序部署到云端。Vercel还提供了丰富的功能,如自动化部署、自动缩放、A/B 测试、性能分析、SSL证书管理等,以帮助开发人员更好地管理和维护他们的应用程序。

在一切开始之前,你需要注册一个Vercel账号并登陆。网站地址:https://vercel.com

回到主页,点击右上角的Add New 选择Project

image-20231107134619407.png

此时你就可以看见自己在GitHub的仓库在左边列出了

image-20231107135335766.png

选择你需要部署在Vercel的博客的仓库,点击Import

image-20231107135526940.png

起一个自己喜欢的名字,然后Deploy,等待Deploy结束

image-20231107135709948.png

deploy完成后回到主页可以看见已经被创建好的仓库

image-20231107135932748.png

你其实原本可以直接通过Vercel自带这个地址访问已经被创建好的网站了,但是因为*.vercel.app这个域名在国内被墙了,所以你需要使用自定义域名才能访问。

image-20231107140236837.png

点击settings-Domains,这里就是管理你的博客域名的地方,但是首先你得先有一个域名,我的域名cc1204.cn是在阿里云买的。

image-20231107140545192.png

在输入框内输入你购买的域名的二级域名,如 Blog.xxx.com 或 www.xxx.com 之类的,我的是cn域名,这里我用了bolg.cc1204.cn作为我的二级域名绑定在这儿

image-20231107141106514.png

接下来就是去域名提供商那解析这个域名

阿里云解析域名

登陆阿里云平台

点击云解析DNS控制台

image-20231107141917111.png

这时进到解析页面,然后点击解析设置

image-20231107142041397.png

然后在DNS-记录中,点击添加记录,然后按照Vercel给出的值填写

image-20231107142802704.png

回到Vercel刷新一下,如果正确填写,那么Valid Configuration和Assigned to main前面会打勾,如果你的不长这样,那大概就是哪一步错了。

image-20231107143129355.png

等待DNS缓存刷新完毕之后,你就可以通过自己新的域名来访问建立在Vercel上的博客了,正常情况下,GitHub的修改会被实时同步到Vercel上并被自动构建。也就是说以后这里就不用再自己动手操心了,只需要在GitHub上进行修改,除非你另有他用。

参考链接:https://www.rikoneko.xyz/posts/65231819/