【解决】Github Pages搭建的网页访问加载缓慢

文首标志
写在前面：
如果文章对你有帮助，记得点赞关注加收藏一波，利于以后需要的时候复习，多谢支持！

文章目录

一、CDN技术简介
二、基于Cloudflare平台使用CDN服务
- （一）添加网站
- （二）修改原网络服务
- （三）Cloudflare配置DNS服务

众所周知，使用Github Pages搭建网页是非常方便的，缺点是只能搭建静态网页（但其实也可以尝试动态网页的搭建，功能不强大而已），而且我发现在国内访问搭建的网页加载非常缓慢，访问体验很差。

而优化方法也无非那么几种，我觉得还是选择使用CDN技术才能彻底解决这个问题。

一、CDN技术简介

CDN（Content Delivery Network，内容分发网络） 是一种分布式网络架构，旨在提高网络内容传输的效率和性能。它通过将内容分发到全球各地的多个服务器节点上，使用户能够从距离最近的服务器获取所需的内容，从而减少网络延迟和提高访问速度。

CDN技术有以下特点：

内容缓存：CDN 将内容缓存在分布式服务器节点上，以减少原始服务器的负载和网络拥塞。当用户请求特定内容时，CDN 会尝试从最接近用户的服务器节点提供内容，而不是直接从原始服务器获取。
负载均衡：CDN 通过将流量分散到多个服务器节点来平衡服务器负载。这样可以防止单个服务器过载，提高整体性能和可靠性。
加速静态内容：CDN 特别适用于静态内容，如图像、CSS 和 JavaScript 文件等。这些内容可以被缓存并有效地分发到全球各地的服务器节点，从而加速页面加载速度。
优化动态内容：一些 CDN 提供动态内容加速功能，通过缓存动态生成的内容并在必要时动态更新，以提高动态内容的传输速度。
安全性：CDN 可以提供一定程度的安全防护，例如 DDoS（分布式拒绝服务攻击）防护、内容安全策略等，以保护网站免受网络攻击和恶意行为的影响。
分布式架构：CDN 的分布式架构使其具有高度的可伸缩性和容错性。即使某个节点发生故障，仍然可以从其他节点获取内容，保证用户访问的稳定性和可用性。
实时监控和分析：CDN 提供实时监控和分析工具，帮助网站管理员了解流量模式、性能指标和用户行为，以优化内容分发策略。

二、基于Cloudflare平台使用CDN服务

Cloudflare（云锋） 是一家知名的全球性网络基础设施和安全公司，其提供的服务包括内容分发网络（CDN）、网络安全、DDoS 防护、域名解析等。Cloudflare 的 CDN 服务是其最知名的产品之一，它通过将网站内容缓存到全球分布的服务器上，并利用智能路由技术，使用户能够从距离最近的服务器获取内容，从而加速网站的加载速度。

而之所以选择Cloudflare，首先肯定是因为作为主流网络服务供应商，其功能和安全性是十分强大——但最主要的还是因为它有免费服务（可以白嫖哈哈）。下面介绍一下具体如何使用Cloudflare平台的CDN服务。

（一）添加网站

注册账号不必多言，注册完成后选择开始添加网站。
在这里插入图片描述
然后添加你的网站域名，注意，一定是Github Pages给你生成的原域名。

发现左上角已经显示你的网站名，说明已经添加完成。然后贫穷的我们选择免费服务。
在这里插入图片描述
接着Cloudflare会自动扫描你的DNS解析服务（我之前用的是阿里云），然后进入这样的界面。

下一步我们就需要修改原本的网络服务了。

（二）修改原网络服务

按照Cloudflare给的提示，首先应该进入你的域名注册机构（我的是阿里云），然后修改DNS服务更新到Cloudflare给出的DNS服务器。
在这里插入图片描述
一般来讲，购买完域名就会配置DNS服务器，由于我的域名是在阿里云买的，搜索一直接进入阿里云域名服务-域名列表。点击管理进入修改界面。

在注册信息一栏可以修改DNS。

点击修改DNS进入修改页面，并将之前在Cloudflare给出的两个DNS服务器地址填入。点击确定验证手机号完成修改。
在这里插入图片描述

（三）Cloudflare配置DNS服务

回到Cloudflare的激活页面，点击查看设置进入“快速入门指南”。
在这里插入图片描述
进入之后是一些配置安全性和优化性能的设置，自己配置就行，不配置也无所谓。

最后，等待阿里云更新DNS服务器完成就可以激活Cloudflare服务了，Cloudflare官方会给你发一封邮件提示激活成功。至于更改时长各有不同，一般来说会在半个小时内生效，可以进入服务商那里测试是否生效来查看。具体邮件内容就不再附上。