github pages域名更换和vercel博客加速
将自己的辣鸡博客包个皮,加个速。😚
由于自己的博客是托管在github pages上的,所以域名一直是以github.io结尾的,访问速度也令人担忧。正好在gridea的TG群里看见有人推广域名,又研究了一点简单的CDN加速,本辣鸡就趁此机会优化一波。
域名购买
域名网站选用的是群友推荐的namesilo,注册后购买域名非常方便(居然支持微信和支付宝付款),不过不要贪图一些特别便宜的域名后缀,注意一下续费价格🤑(当然年年折腾天天换的除外)。
这里我买了.top域名,即购买的域名名称为laffitto.top(瞬间变得有点高大上了)。
域名加速
我们等一下再绑定域名,先用vercel对自己的静态博客加速一波。
一开始需要注册账号,直接用github账号登录即可。
之后可以导入项目,进入以下界面点击Continue。

输入项目的URL,即自己的github pages页面,如下:

导入过程一路默认即可:

自动就部署好了呢,发现vercel分配有很多地址都可以访问自己的博客。🤗

绑定域名
加速完成了,但是如果用vercel提供的域名实在是太长太蛋疼,当你为了介绍自己网站结果给朋友一大段字符串(并不),那场景实在是太美。于是需要将刚刚买的域名绑定上去。
先向你的 Github Pages 仓库添加一个CNAME文件,里面包含自己刚买的域名,如下:

设置完可以去Settings的github pages界面查看一下,不出意外Custom domian上名称为自己设定的域名。

同时回到vercel的项目界面,添加自己的域名www.laffitto.top和laffitto.top,可以得到如下类似界面:(自己的域名由于没有设定DNS,会显示如第一条的Invalid Configuration),不过别慌,就差亿点点了(误)🤡。

修改DNS
回到之前的域名购买网站namesilo,接下来点击网站上方的Manage My Domains进入域名管理的界面。
点击Options的蓝色图标,即Manage DNS of this domain:

这里如果有很多疑问可以参考这篇文章:Namesilo DNS 域名解析教程和常见问题解决方法汇总
添加一条A记录和一条CHAME记录。(最上面一条可以忽略)

A记录是根据vercel上的提示设置即可:

CNAME记录是将自己的域名指向另一个域名:
laffitto-github-io.vercel.io----> laffitto.top,主要是看vercel的域名提示。

等待一会让DNS生效,即可用购买的域名快速访问自己的网站啦!woh,焕然一新哦😉
参考: