原文地址

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博客

参考文章

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

Github Page 个人主页——CDN加速相关推荐

Github Page 个人主页——自定义域名
原文地址 1. 前言看本文前请确认已部署好基础的静态网页,参考上篇文章 [[Github Page 个人主页--项目部署]]. 部署好的个人网页若使用 username.github.io 访问,会 ...
奇安信cdn配置教程_PicGo+jsDelivr+GitHub搭建免费cdn加速的图床
PicGo+jsDelivr+GitHub搭建免费cdn加速图床.下面是我写的教程. https://www.sakura521.cn/2020/03/13/picgocdn.htmlwww.sak ...
axios 注册拦截器 cdn引用_PicGo+jsDelivr+GitHub搭建免费cdn加速的图床
PicGo+jsDelivr+GitHub搭建免费cdn加速图床.下面是我写的教程. https://www.sakura521.cn/2020/03/13/picgocdn.htmlwww.sak ...
如何使用jsDelivr+Github 实现免费CDN加速?
序言个人采用hexo搭建了博客,博客也刚上线不久,博客地址:https://www.xiezhrspace.cn . 欢迎小伙伴访问,疯狂暗示来关注来访问(‐^▽^‐). 虽然放到了云服务器上,但是 ...
github加速_使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床
前言经常写Markdown或者博客的同学,肯定都要用到图床.图床是什么呢?其实相当于一个存储图片的网站,类似百度云这样,不过上传图片到图床后可以直接通过外链进行访问. 比如把本地一张a.jpg上传到 ...
贴近github page CDN加速服务，加速你的博客
github page cdn加速服务深入了解 CDN介绍 CDN提供商 github page cdn加速服务配置 CDN加速服务深入 CDN介绍 CDN的全称是Content Delivery N ...
Freenom.com的域名+github pages+netlify的CDN加速
因为国内的CDN加速需要备案但是Freenom.com的域名工信部不支持, 无法备案->无法CDN加速. 怎么办呢?花钱买域名吗?想让我花钱是绝对不可能的. 我们使用Netlify,界面虽然是 ...
Github Page创建个人主页以及绑定域名
2019独角兽企业重金招聘Python工程师标准>>> 在github中我们可以通过github page创建个人主页以及绑定域名据说有300m空间以及无限流量不过只能 ...
GitHub + PicUloader + jsDelivr : 通过 web 上传的免费图床和图像访问 CDN 加速
原文 https://refrain.cn/blog/1/post/github-piculoader-jsdelivr-web-cdn-49 GitHub 介绍 GitHub 是一个用于版本控制和协 ...

Github Page 个人主页——CDN加速