在观看本篇教程前请确认:

1.你的确需要对自己的网站的访问进行加速,并且不想花太多钱

2.你有自己的域名,或者能够购买一个可供使用的域名

3.你对域名的解析,DNS等有一定的理解


Vercel同步GitHub仓库

在“Hexo+butterfly搭建属于自己的博客”这篇文章中我提供了我所使用的快捷部署hexo博客的方式,但是因为其部署在GitHub上且通过GitHub pages服务部署并提供访问,而GitHub在国内的访问情况并不算优秀。

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

多数人的答案是Vercel,包括我——在一切开始之前,你需要注册一个Vercel账号登录并绑定GitHub,或者直接使用GitHub账号登录(推荐),如何注册这里同样不再赘述。

回到主页,点击右上角的Add New…,选择Project,此时你就可以看见自己在GitHub的仓库在左边列出了

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

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

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

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

点击settings-Domains,这里就是管理你的博客域名的地方,但是首先你得先有一个域名,我的域名rikoneko.xyz是在Namesilo买的,不图别的,主要是不需要备案主打一个方便。

不过如果你想让百度等搜索引擎(尤其是国内的)快速收录你的网站的话,可以考虑国内购买域名并备案。

在输入框内输入你购买的域名的二级域名,如Blog.xxx.com之类的,www.前缀的二级域名我推荐先留着,虽然我现在用的是www.的二级域名但是我有点后悔了,不过也懒得去改了,DNS刷新一次缓存相当的久。

一般接下来就是去域名提供商那解析这个域名——但是首先是Namesilo的DNS管理不好用,其次我们可以白嫖一个更好的。

Cloudflare可以提供DNS解析,SSL/TLS证书,提供一定的安全防护和流量统计。

而且免费。


Cloudflare绑定站点并解析域名

登录注册Cloudflare,进入管理页面后点击右上角的添加站点,按流程完成后回到主页应该就会和图中一样出现一个可供管理的站点。

如果你不是在Cloudflare买的域名,就需要自己去域名提供商处修改Nameserver,这里因为实在是太多域名提供商了,如何修改我就不多做介绍了,实在有不会的自行百度或者直接在CLoudflare注册域名吧…

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

例如

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

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