腾讯云配置二级域名到Github pages,并用 cloudflare 加速

这样访问速度还不错

Posted by 叉叉敌 on May 11, 2022

背景

为什么要使用独立的域名,第一个,首先是独立的域名可以使用提高自己的权重以及引用,那能使提高自己网站的流量;第2个是自己注册了一个域名,然后没有使用二级域域名,这个时候开通,那使用起来也非常方便,而且还是免费的。

本人也是第一次走完整个流程,github pages当然一直有使用,创建也很简单,并且网上教程也比较多;然后是关于自定义域名的问题,自己以前使用过国外的免费域名,然后是直接修改就ok了,然后这次使用了从腾讯云注册的域名,中间会麻烦一些,然后网上也没看到能够特别匹配的教程;最后就是cloudflare的免费CDN加速了,对于github pages的访问来说,CDN加速是非常必要的了。

一、创建GitHub pages

这里网上教程很多,就不过多介绍了

现在的GitHub pages和以前有一点不太一样,现在是在setting里面单独有一个pages的设置界面,然后可以在里面设置静态页面要访问的文件目录,创建过程比较简单,而且像我使用pages是用于个人博客的搭建。

我采用的是 jekyll。

cMlxMb

完成创建后,你会得到一个GitHub pages默认的域名,就像这样:用户名.github.io,像我的就是 chasays.github.io

二、自定义域名

1. 域名注册

这里我选择的是腾讯云注册的域名,就10几块钱买了一年,还挺不错的,如果同样选择腾讯的域名注册的话可以和我进行一样的操作。

mq03JC

这里直接按照要求购买就可以,不过要提前进行实名后才可以进行购买,这里要注意一下。买完后它应该会提示你进行域名解析啥的,可以先不用管,之后再搞。

2. GitHub pages绑定自定义域名

现在可以到GitHub去绑定自己的域名,像下面这样。

wfQ1WK

进入https://console.dnspod.cn/dns,在这个界面里可以选择你的域名,DNS解析>我的域名,然后选择快速添加解析,添加一个二级域名, 解析到对应的github.io 地址。

VIvbbo

完成以上的步骤后,过1分钟左右,就已经可以通过你自己的域名去访问你的静态网站了,像现在就可以通过 http://blog.chiphub.top 去访问我的个人博客了,不过此时还只能使用http进行访问,还不能够通过https进行访问,不过不急,我们在完成cloudflare的CDN加速的步骤中就可以完成https的设置。

三、cloudflare进行CDN加速

1. 注册cloudflare账号

点击 https://dash.cloudflare.com/ 进行账号注册或登录

然后就会马上出现一个输入你自己域名的界面,输入完成域名后就会看到一个选择计划的界面,当然,这里果断免费,反正是自己用,而且白嫖就是爽。(ps:这里的过程忘记截图了)

会自动扫描所有的DNS配置。

2. 更改DNS服务器至cloudflare

这里就需要回到腾讯云,将原来的DNS服务器(指向DNSPOD的)改为cloudflare。

进入你的域名管理,如下图:

然后在域名信息里面就可以看到修改你的DNS服务器,这里直接把原来的两个替换掉就好了,替换的内容在cloudflare的步骤里面其实有详细的说明(至于为什么没有截图,当然又是忘记截图了😢,绝望,好在cloudflare是有详细的步骤过程的。)

至此,就完成了到 cloudflare 的绑定,后面cloudflare就会提示你要不要使用ssl证书,开启http跳转https之类的,直接按照提示下一步下一步就完事了。

然后回到GitHub pages的设置界面:

就可以顺利的开启你的enforece https了,愉快而且快速地访问你的网站了,这里贴一下我自己的:

https://blog.chiphub.top/

目前还没什么笔记,以前很早就打算弄的,但最后都没搞下来,这一次一定坚持下来,都搞了这么多准备工作,不坚持下来着实说不太过去了。

四、总结

不是很复杂,就是访问 cloudflare,提示链接被reset,关了梯子也不行,后来用手机操作搞定了。

参考资料

https://monkeywie.cn/2020/08/20/fast-github-page-with-cloudflare/

https://www.pianshen.com/article/8089379345/

https://www.yixuebiancheng.com/article/90005.html

github博客 微信公众号:chasays, 欢迎关注一起吹牛逼,也可以加微信号「xiaorik」互吹。