PrimeEdge 主题教程

CDN 加速

使用 CDN 加速站点访问

CDN 加速 #

使用 CDN 可以显著提升站点的全球访问速度，降低服务器负载。

什么是 CDN #

CDN（Content Delivery Network）通过将站点内容分发到全球各地的节点，让读者从最近的节点获取资源，从而加快访问速度。

选择 CDN 服务商 #

免费方案 #

服务商特点适用场景
Cloudflare全球节点多，功能全面个人博客首选
jsDelivr开源项目免费加速静态资源加速
腾讯云 CDN国内节点多国内用户为主

付费方案 #

服务商特点适用场景
阿里云 CDN国内速度快国内商业站点
AWS CloudFront全球覆盖国际化站点

配置 Cloudflare #

1. 注册并添加站点 #

  1. 访问 Cloudflare 注册账号
  2. 添加你的域名
  3. 选择免费套餐

2. 修改 DNS #

按照 Cloudflare 的指引，将域名 DNS 修改为 Cloudflare 提供的 NS 地址。

3. 开启 CDN 代理 #

在 Cloudflare DNS 管理页面，将记录的云图标点成橙色（已代理）。

4. 配置缓存规则 #

在 Cloudflare 后台配置：

  • Caching Level: Standard
  • Browser Cache TTL: 4 hours
  • Always Online: Enabled

5. 开启 HTTPS #

在 SSL/TLS 设置中：

  • 加密模式选择 Full (strict)
  • 开启 Always Use HTTPS
  • 开启 Automatic HTTPS Rewrites

静态资源 CDN #

对于主题中的第三方库（如 Font Awesome、Fuse.js），可以使用公共 CDN：

<!-- 使用 jsDelivr -->
<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.6.2/dist/fuse.min.js"></script>

<!-- 使用 unpkg -->
<script src="https://unpkg.com/fuse.js@6.6.2/dist/fuse.min.js"></script>

图片 CDN #

Cloudflare Images #

上传图片到 Cloudflare Images，使用优化后的 URL：

![描述](https://imagedelivery.net/你的ID/图片ID/public)

自定义域名 #

如需使用自己的域名作为 CDN 地址，在 hugo.toml 中配置：

[params]
  cdnUrl = "https://cdn.yourdomain.com"

注意事项 #

  1. 缓存刷新 — 更新内容后需要刷新 CDN 缓存
  2. HTTPS — 确保 CDN 支持 HTTPS，避免混合内容警告
  3. CORS — 如需跨域加载字体等资源，配置正确的 CORS 头
  4. 成本控制 — 注意 CDN 流量费用，设置用量告警

验证 CDN 生效 #

使用 curl 检查响应头：

curl -I https://yourdomain.com

如果看到 CF-Cache-Status 头，说明 Cloudflare CDN 已生效：

CF-Cache-Status: HIT

下一步 #

评论

0%