Typecho开启CDN，静态资源加速

Typecho 默认直接从服务器加载 CSS、JS、图片等静态资源，当访客距离服务器较远时，页面打开速度会明显变慢。
开启 CDN 后，这些静态文件会被缓存到各地节点，用户就近获取，从而加速访问。
本文面向零基础用户，从插件安装到缓存规则配置，再到效果验证，一步步讲清楚怎么操作。

准备工作：确认环境和获取 CDN 信息

开始之前，你需要准备好两样东西：一个可用的 CDN 服务（比如又拍云、七牛云、阿里云 CDN 等），以及 Typecho 后台的管理员权限。

登录 CDN 服务商控制台，添加你的域名作为加速域名，类型选择“静态加速”或“CDN 加速”。
添加成功后，你会得到一条 CNAME 记录，需要到域名 DNS 解析处，将原来的 A 记录替换为这条 CNAME。
等待解析生效，通常几分钟到几小时不等。

如果你使用宝塔面板，可以直接在“网站”设置里找到“CDN”或“SSL”相关选项，但更推荐在 Typecho 内部通过插件完成资源替换，这样兼容性更好。

安装并配置 Typecho CDN 插件

Typecho 本身没有内置 CDN 功能，需要借助插件。
常用的有“CDN 加速”或“静态资源 CDN”类插件，你可以在 Typecho 官方社区或 GitHub 搜索下载。

将插件文件夹上传到 /usr/themes/ 或 /usr/plugins/ 目录（具体看插件说明），然后在后台“控制台”->“插件”中启用。
启用后进入插件设置页面，通常需要填写以下内容：

• CDN 域名：填写你在 CDN 服务商处配置的加速域名，例如 https://cdn.yourdomain.com。
• 替换范围：勾选需要加速的资源类型，一般包括 CSS、JS、图片、字体等。
• 是否替换主题资源：如果主题自带静态文件，建议开启。

保存设置后，插件会自动将页面中静态资源的 URL 替换为 CDN 域名。
你可以打开网页源代码，搜索 cdn.yourdomain.com，如果能看到替换后的链接，说明插件已生效。

设置缓存规则与回源策略

光替换域名还不够，CDN 节点需要知道哪些文件该缓存、缓存多久。
回到 CDN 服务商控制台，找到“缓存配置”或“缓存规则”：

• 对 .css、.js、.jpg、.png、.gif、.woff2 等后缀的文件，设置缓存时间为 7 天或更长。
• 对 .html、.php 等动态文件，建议不缓存或缓存时间很短，避免页面更新不及时。
• 开启“忽略 URL 参数”或“过滤参数”，这样带 ?ver=1.0 的静态资源也能命中缓存。

回源策略方面，确保 CDN 回源地址指向你的服务器 IP 或源站域名。
如果服务器开启了 HTTPS，回源协议建议选择“协议跟随”或“HTTPS”，避免证书错误。

避坑指南：常见错误与解决方法

配置过程中容易遇到几个问题，提前了解能省不少时间。

页面样式错乱：通常是因为 CDN 域名没有正确配置 SSL 证书，或者 CDN 节点无法回源获取文件。
检查 CDN 控制台的 HTTPS 配置，确保证书已上传且状态正常。

后台无法登录：如果插件把后台登录页的静态资源也替换成了 CDN 域名，而 CDN 又回源失败，就会导致登录页加载不全。
解决办法是在插件设置中排除 /admin/ 路径，或者暂时关闭插件再登录。

缓存不更新：修改了 CSS 文件后，前台看到的还是旧样式。
这是因为 CDN 节点仍缓存着旧文件。
你可以在 CDN 控制台手动刷新对应 URL，或者在插件中开启“版本号”功能，让每次修改后 URL 参数变化，强制回源。

混合内容警告：如果网站启用了 HTTPS，但 CDN 域名还是 HTTP，浏览器会拦截资源。
确保 CDN 域名也配置了 SSL 证书，并且插件中填写的 CDN 地址以 https:// 开头。

效果验证：确认加速是否生效

配置完成后，需要验证加速效果。
打开浏览器无痕模式，访问你的网站，按 F12 打开开发者工具，切换到“网络”面板，刷新页面。

查看静态资源的请求域名，如果显示为 cdn.yourdomain.com 而不是你的主域名，说明替换成功。
同时观察响应头中的 X-Cache 或 CF-Cache-Status 字段，显示 HIT 表示命中缓存，MISS 表示回源获取。

你还可以用在线测速工具（如 PageSpeed Insights、GTmetrix）对比开启前后的加载时间。
通常静态资源较多的页面，首屏加载时间会有明显下降。

如果发现某些资源仍然从源站加载，检查插件是否覆盖了所有类型，或者主题模板中是否硬编码了绝对路径。

常见疑问

Typecho 开启 CDN 后，后台发布文章会受影响吗？ 不会。
只要插件排除了 /admin/ 路径，后台操作依然走源站，不影响正常使用。

CDN 加速和全站加速有什么区别？ 静态资源 CDN 只加速图片、CSS、JS 等文件，动态页面仍从源站加载。
全站 CDN 则会缓存 HTML，适合流量大但更新不频繁的站点。
Typecho 这类博客建议先做静态资源加速。

为什么 CDN 域名要单独解析？ 因为 CDN 服务商需要你通过 CNAME 将加速域名指向他们的节点，这样才能实现就近分发。
直接使用源站 IP 无法享受节点缓存。

插件替换后部分图片不显示怎么办？ 检查图片路径是否包含特殊字符或中文，部分 CDN 对 URL 编码处理不同。
可以尝试在插件中开启 URL 编码选项，或手动将图片改为英文文件名。

按照以上步骤操作，你应该能顺利完成 Typecho 的 CDN 静态资源加速。
如果遇到异常，优先回看避坑部分，逐项检查证书、缓存和路径配置。