Github Pages自定义域名与CDN加速

前言

上一篇文章中我们介绍了如何使用Github Pages + Hexo搭建我们的个人博客，但在搭建完成后存在访问速度慢的问题，这篇文章来分享一下如何给Github静态页面添加自定义域名并且利用CDN加速。

由于我们是利用Github Pages部署，属于国外服务器，而国内域名不能用在国外服务器上，所以我们需要购买国外域名。

我自己的域名是在NameSilo购买的，支持支付宝并且相对比较便宜。当然，你也可以选用其他的国外域名注册商购买域名。

打开网站，输入你想要的域名，点击SEARCH DOMAIN按钮即可查询相关的域名：

在选好域名结账时，可以添加优惠码获得一些优惠，使用搜索引擎直接搜索NameSilo优惠码可以找到不少优惠码

Github的配置很简单，只要打开你的<用户名>.github.io的仓库，点击Settings->Pages，在Custom domain一栏填入你的域名，点击Save保存即可。

这里Github可能会提示需要配置DNS解析记录，如果不需要配置CDN可以按照这个配置从而省略下面的步骤，但是这样仅仅是配置好了自定义域名，不会有CDN加速功能，为了接入CDN，我们可以不管Github的提示。

本文以腾讯云为例，阿里云的配置大同小异，不再赘述。

点击内容分发网络控制台进入腾讯云CDN控制台。

点击域名管理-添加域名：

然后在域名配置一栏按照下图配置：

Tips：如何添加DNS解析记录

域名购买完成后，进入Domain Manager，然后点击刚刚购买的域名的Options一栏的如下图所示按钮，进入DNS配置页：

按照腾讯云提供的内容添加一条对应记录：

在源站配置添加如下图选择，并添加四条地址，回源HOST跟上面的加速域名一致即可：

185.199.108.153

185.199.109.153

185.199.110.153

185.199.111.153

在节点缓存过期配置一栏点击此处修改规则：

另一栏缓存天数可以按需修改，好处是时间越大CDN流量消耗越小，但坏处是如果网站内容有调整，用户看到的可能还是缓存的版本，不过好在我们也可以手动刷新缓存。我这里调整为2天。

后续点击下方按钮跳过推荐配置即可。

完成后，回到域名管理发现腾讯云为我们提供了一条CNAME记录值，将它添加到NameSilo的解析记录里（注意类型是CNAME）：

为了给我们的域名添加证书，进入SSL 证书控制台，点击申请免费证书：

同样地，我们需要为我们的域名添加一条CNAME解析记录，等待一会后（大概半小时），点击验证域名：

Tips：添加后类似这样

回到CDN证书配置，按下图所示：

完成后，静待片刻，通过访问你的域名就可以看到你的网站了，并且速度会比以前快不少。

Q1：如何手动刷新CDN

在内容分发网络控制台，按下图所示操作：

刷新一般需要数分钟时间，请耐心等待。

Q2：CDN配置和申请证书时域名验证不成功怎么办？

请检查你的DNS配置是否添加了对应的值，添加是否准确，添加完成后，一般需要等待半小时生效，或者可能会需要更长时间，请耐心等待。

Q3：网站内容变更后，访问网站为什么还是以前的内容？

这是由于CDN缓存机制导致的，在上面的配置中，我们配置了缓存时间，由于缓存还未过期，现在访问网站还是以前的内容。

解决方法1：缩短CDN配置里的缓存时间；

解决方法2：手动刷新CDN