1. 前言
前两篇文章介绍了 如何部署静态网站 以及 给网站自定义域名,到目前为止,您已经拥有一个使用自己的域名的网站了。在访问个人网页时,实质上是去Github的服务器上取资源的,但是国内的 Github 经常抽风,有时候都访问不了官网,您的个人网页自然也就打不开了。
本文介绍一种可以加速网页访问的技术——CDN。
1.1 涉及到的知识
- CDN 配置
- HTTPS 证书
- 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 的配置
-
域名管理:添加域名->选择中国境外->填写顶级域名->加速网页小文件
这里验证归属权就要去 DNSPod 添加一条 TXT 的记录,等待生效验证就行了
-
源站配置:源站地址填入四个IP地址->回源HOST填入Github自定义的域名
这里的 源站地址 表示 GitHub 的服务器IP地址,而 回源HOST 表示要去源站地址找哪个站点,一台服务器(一个IP)可以有很多个站点(网站),而我们在 Github 上绑定了自定义域名,所以用自定义的域名就可以在 Github 的服务器上找到我们的站点了,参考 CDN的加速域名、源站地址与回源host之间的关系
-
服务配置:添加一项规则,将 html;css;js 后缀的文件只缓存2分钟,其他全部文件缓存10分钟,后期稳定后可以加长时间,缓存个几天就差不多了,根据需求来。
这里的节点缓存过期配置就是指,资源在CDN服务器上存留的时间,失效后就会去源站重新拉取新的资源。
3. 获取 HTTPS 证书
- 证书管理:配置证书->选择域名->申请SSL证书
- 申请一个免费的证书
第三步这里还需要去 DNSPod 添加一条TXT记录,等待验证通过,就会颁发证书了
- 回到第一步,证书管理:配置证书->选择域名->选择证书提交
4. DNS 的配置
-
记下 CDN 提供的 CNAME
-
在 DNSPod 添加两条 CNAME 记录,其他的记录可以删掉
主机记录 记录类型 线路类型 纪录值 TTL @ CNAME 默认 CDN提供的CANME 600 www CNAME 默认 CDN提供的CANME 600 -
配置后等待解析生效,就可以用域名访问了,也可以去测速一下
5. 结尾
5.1 姊妹篇文章
Github Page 个人主页——项目部署
Github Page 个人主页——自定义域名
Github Page 个人主页——Hexo博客