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%