用 GitHub 和 CloudFlare 搭建个人 CDN

在本文中，我们将探讨如何使用 GitHub 和 CloudFlare 搭建个人 CDN。CDN（内容分发网络）可以加速你的网站内容分发，提高用户访问速度。通过将静态资源部署到 CDN 上，可以减轻服务器的负载，并为用户提供更快的访问速度。下面我们将分步骤介绍整个过程。
第一步：创建 GitHub 仓库
如果你还没有 GitHub 账户，请先注册一个。然后创建一个新的仓库，用于存储你的静态资源。确保你的仓库公开可见或设置为私有，以便其他人可以访问你的网站。
第二步：上传静态资源
将你的网站静态资源（如 HTML、CSS、JavaScript、图片等）上传到你的 GitHub 仓库中。你可以使用 Git 客户端或通过 GitHub 网页界面进行上传。确保你的静态资源被正确地放在一个文件夹中，例如 public 文件夹。
第三步：配置 GitHub Pages
在 GitHub 仓库的 settings 页面中，找到 GitHub Pages 设置部分。选择“启用”并选择一个自定义域名（如果有的话）。这样，你就可以通过 http://<username>.github.io 或你的自定义域名来访问你的网站了。
第四步：设置 CloudFlare 解析
首先，你需要在 CloudFlare 注册一个账户并添加一个新的域名。在 CloudFlare 的 DNS 设置中，添加以下两个 CNAME 记录：

• www -> <username>.github.io
• <username>.github.io -> <username>.github.io.edgesuite.net
  确保将 <username> 替换为你的 GitHub 用户名。保存更改后，等待 CloudFlare 更新 DNS 记录。
  第五步：配置缓存规则
  在 CloudFlare 的控制台中，选择“缓存规则”选项。在“模式”下拉菜单中选择“开发模式”，以便你可以看到更改的效果。然后，添加以下规则：
• 文件类型：.js、.css、.jpg、.png 等（根据你的网站需求添加其他文件类型）
• 缓存级别：强制缓存
• 缓存时间：根据你的需求设置缓存时间（例如，30 天）
  保存更改后，等待 CloudFlare 应用新的缓存规则。
  第六步：验证 CDN 设置是否生效
  你可以通过访问你的网站并检查网络请求来验证 CDN 是否生效。如果一切设置正确，你应该会看到来自 CloudFlare 的 CDN 节点返回的响应头中包含了正确的缓存控制头信息。
  总结：通过以上步骤，你已经成功搭建了一个个人 CDN，使用 GitHub 作为静态资源存储，并通过 CloudFlare 进行内容分发和缓存管理。这不仅可以提高网站性能和访问速度，还可以减轻服务器的负载压力。记住，定期更新你的静态资源以保持内容的最新状态，并根据需要调整缓存规则以获得更好的性能。现在你可以进一步探索其他高级功能和优化选项，以完善你的个人 CDN 设置。