Github Page 个人主页——CDN加速

原文地址

1. 前言

前两篇文章介绍了 如何部署静态网站 以及 给网站自定义域名，到目前为止，您已经拥有一个使用自己的域名的网站了。在访问个人网页时，实质上是去Github的服务器上取资源的，但是国内的 Github 经常抽风，有时候都访问不了官网，您的个人网页自然也就打不开了。
本文介绍一种可以加速网页访问的技术——CDN。

1.1 涉及到的知识

1. CDN 配置
2. HTTPS 证书
3. DNS 解析

1.2 CDN 是什么？

CDN的全称是Content Delivery Network，即内容分发网络。CDN的关键技术主要有内容存储和分发技术。了解更多

1.3 原理

访问域名->DNS服务器->CDN服务器->Github服务器->返回请求资源

2. DNS

2.1 CDN 的选择

我这里选择收费的 腾讯云CDN，也可以选择阿里云，或者国外的。有一些是免费的CDN，例如 jsDelivr 参考 如何使用jsDelivr+Github 实现免费CDN加速? ，我觉得收费的效果好一点，收费也比较低，而且个人网页或者博客访问量一般不高，一般几毛钱一个月，可以自行尝试一下。

2.2 CDN 的配置

1. 域名管理：添加域名->选择中国境外->填写顶级域名->加速网页小文件
   这里验证归属权就要去 DNSPod 添加一条 TXT 的记录，等待生效验证就行了
   

2. 源站配置：源站地址填入四个IP地址->回源HOST填入Github自定义的域名
   这里的 源站地址 表示 GitHub 的服务器IP地址，而 回源HOST 表示要去源站地址找哪个站点，一台服务器（一个IP）可以有很多个站点（网站），而我们在 Github 上绑定了自定义域名，所以用自定义的域名就可以在 Github 的服务器上找到我们的站点了，参考 CDN的加速域名、源站地址与回源host之间的关系
   

3. 服务配置：添加一项规则，将 html;css;js 后缀的文件只缓存2分钟，其他全部文件缓存10分钟，后期稳定后可以加长时间，缓存个几天就差不多了，根据需求来。
   这里的节点缓存过期配置就是指，资源在CDN服务器上存留的时间，失效后就会去源站重新拉取新的资源。
   

3. 获取 HTTPS 证书

1. 证书管理：配置证书->选择域名->申请SSL证书
   
2. 申请一个免费的证书
   
   第三步这里还需要去 DNSPod 添加一条TXT记录，等待验证通过，就会颁发证书了
   
3. 回到第一步，证书管理：配置证书->选择域名->选择证书提交

4. DNS 的配置

1. 记下 CDN 提供的 CNAME
   

2. 在 DNSPod 添加两条 CNAME 记录，其他的记录可以删掉

   主机记录	记录类型	线路类型	纪录值	TTL
   @	CNAME	默认	CDN提供的CANME	600
   www	CNAME	默认	CDN提供的CANME	600

3. 配置后等待解析生效，就可以用域名访问了，也可以去测速一下

5. 结尾

5.1 姊妹篇文章

Github Page 个人主页——项目部署
Github Page 个人主页——自定义域名
Github Page 个人主页——Hexo博客

参考文章

1. Github 部署 | CDN 加速网页，速度嗖嗖的快！