Github Pages 使用国内 CDN 加速

本文详细介绍了如何配置阿里云CDN服务,以加速GithubPages或CodingPages。步骤包括开通CDN服务,添加域名,选择源站为GithubPages/CodingPages域名,配置HTTPS服务,申请并部署SSL证书,以及设置DNS解析。此外,还提到了腾讯云CDN的类似操作。通过这些步骤,可以实现国内外的快速访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文以阿里云CDN + Github Pages/Coding Pages为例

腾讯云CDN + Github Pages/Coding Pages操作几乎相同


  1. 假设你已经建好了绑定了域名的 Github Pages/Coding Pages (若没有,则参考该链接,请忽略后面添加 Cloudflare CDN 的内容)


  2. 开通阿里云 CDN 服务,计费方式自己选择


  3. 阿里云 CDN 域名管理面板添加域名:


    • 加速域名:填自己买的并且备案了的域名(假如你要在国内加速的话😝)

    • 业务类型:视情况选择,一般默认

    • 源站信息:推荐选源站域名,填上你的 Github Pages 域名(注意:不是你买的那个域名)

    • 端口:如果你的 Github Pages 开启了 Enforce HTTPS(强制HTTPS),那就选 443 端口,否则 80

    • 加速区域:视自己情况定


  4. 为了使用 HTTPS 服务,需要申请 SSL 证书:


    • 免费的一年有效期,付费的自己决定

    • 购买后,在 SSH 证书控制台的概览里一连串傻瓜式验证操作😎,等待几分钟证书搞定

    • 点击部署,选择 CDN,之后你懂的


  5. 回到 CDN 控制台面板,点击已添加域名的管理


  6. 主要是 HTTPS 的配置,选云盾,选择你的证书,点击确定


  7. 其它的各种乱七八糟😵的选项,各位视情况开吧


  8. 然后复制 CDN 加速域名,也就是 CNAME 值


  9. 来到域名控制台面板:


    • 在解析里添加记录

    • 如果你的 CDN 用的全球加速,那么只需增加一条记录

    • 记录值填 CDN 加速域名

    • 如果你的 CDN 用的国内加速,且你希望国内访问加速域名,国外直接访问 Github Pages 提供的域名的话。那么需增加两条记录

    • 记录值填Github Pages 域名

    • 记录值填你买的域名


  10. 到此结束,接下来就是等待一会,以确保各种部署完善


### 加速Hexo博客托管于GitHub Pages的技术 #### 使用CDN服务提升加载速度 为了提高网站资源的分发效率,减少延迟时间,可以采用内容分发网络(Content Delivery Network, CDN)来缓存并快速传递静态文件。对于Hexo博客而言,图片、CSS样式表和JavaScript脚本等都是适合通过CDN加速的对象。将这些资源链接到像jsDelivr这样的公共CDN平台能够显著改善页面性能[^1]。 ```javascript // _config.yml 中设置CDN路径前缀 cdn: css: https://cdn.jsdelivr.net/gh/your-repo-name@latest/css/ js: https://cdn.jsdelivr.net/gh/your-repo-name@latest/js/ ``` #### 启用压缩与最小化HTML/CSS/JS文件 启用Hexo内置插件`hexo-minifier`可自动处理文章生成过程中的HTML、CSS及JavaScript代码优化工作,包括去除不必要的空白字符、注释等内容,从而减小最终发布的文件大小,加快传输速率。 ```bash npm install hexo-minifier --save ``` #### 利用浏览器缓存机制 适当调整HTTP头信息中的Cache-Control字段值可以让用户的浏览器更长时间地保存已下载过的资源副本,在后续访问相同URL时不需再次请求服务器获取最新版本的数据,以此达到提速目的[^2]。 ```nginx location ~* \.(css|js|jpg|jpeg|png|gif)$ { expires max; } ``` #### 实现国内外分流策略 考虑到部分海外用户可能遇到因地理位置差异而导致的速度瓶颈问题,可以在构建过程中引入条件判断逻辑,根据不同地区分配最接近源站位置的服务节点地址给读者浏览。例如利用Coding Page作为中国境内的镜像站点配合GitHub Pages共同运作,形成双轨制发布模式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Geraint_Jht

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值