CDN 加速
使用 CDN 加速站点访问
CDN 加速
使用 CDN 可以显著提升站点的全球访问速度,降低服务器负载。
什么是 CDN
CDN(Content Delivery Network)通过将站点内容分发到全球各地的节点,让读者从最近的节点获取资源,从而加快访问速度。
选择 CDN 服务商
免费方案
| 服务商 | 特点 | 适用场景 |
|---|---|---|
| Cloudflare | 全球节点多,功能全面 | 个人博客首选 |
| jsDelivr | 开源项目免费加速 | 静态资源加速 |
| 腾讯云 CDN | 国内节点多 | 国内用户为主 |
付费方案
| 服务商 | 特点 | 适用场景 |
|---|---|---|
| 阿里云 CDN | 国内速度快 | 国内商业站点 |
| AWS CloudFront | 全球覆盖 | 国际化站点 |
配置 Cloudflare
1. 注册并添加站点
- 访问 Cloudflare 注册账号
- 添加你的域名
- 选择免费套餐
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:

自定义域名
如需使用自己的域名作为 CDN 地址,在 hugo.toml 中配置:
[params]
cdnUrl = "https://cdn.yourdomain.com"
注意事项
- 缓存刷新 — 更新内容后需要刷新 CDN 缓存
- HTTPS — 确保 CDN 支持 HTTPS,避免混合内容警告
- CORS — 如需跨域加载字体等资源,配置正确的 CORS 头
- 成本控制 — 注意 CDN 流量费用,设置用量告警
验证 CDN 生效
使用 curl 检查响应头:
curl -I https://yourdomain.com
如果看到 CF-Cache-Status 头,说明 Cloudflare CDN 已生效:
CF-Cache-Status: HIT
评论