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 地址,在 config.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%