这是 WPJAM Basic 插件用户使用「CDN 加速」功能碰到的最多问题之一，其实这个就是对不理解造成的。
对象存储的镜像回源功能是指，当网站的用户请求的资源不存在的时候，可以通过回源规则从设定的源地址获取到正确的数据，然后再返回给网站的用户。
为什么页面乱了？
对象存储只有在资源不存在的情况下才向源站抓取内容，详细点说，就是当站点的用户第一次访问某个资源的时候，对象存储才会向源站请求抓取资源，之后站点的用户再次访问同个资源的时候，对象存储上已经有对应的资源了，就直接返回不再去向源站请求抓取了。
如果对象存储上已经有了网站的 CSS 文件，在本地修改样式是不会生效的，比如站点主题更新了，CSS 文件已经做了很大修改，这时候升级主题，HTML 结构升级了，但是 CSS 文件还是旧版的，这时候可能就会造成整个页面乱了。
如何解决？
其实这个问题就是怎么更新对象存储上面的样式文件，这里有三个办法，我们一一罗列一下：
第一，我们直接不镜像 CSS 文件，这样样式文件还是服务器本地的，怎么修改都会时时更新，页面肯定不会乱了，但是这样也非常不好，CSS 文件还是跑服务器本地，不能使用 CDN 的加速功能。
这个方法是最简单的，如果下面的方法对你太难，或者你没有操作生效，建议还是回到这个方法来处理，问题解决最重要。
具体操纵在下图的本地设置中，扩展名不要填 CSS，如果 JS 文件也有同样的问题，也建议不要填。
第二，去对象存储上面删除 CSS 文件，这样用户再次访问这个资源的时候，就会重新到源站抓取一次，就能保证修改的也更新到 CDN 上。
但是这样每次修改文件都要去 CDN 上删除一下，更新的文件多的话，就会比较麻烦，然后 CDN 都会有 304 缓存，所以即使 CDN 上刷新了，也要本地浏览器缓存清理一下才能看到效果，这个会很繁琐。
第三，还有一种方法，使用 插件，它将 WPJAM 插件和主题生成的 JS 和 CSS 内联代码或者文件分别合并成一个文件，并且这两个文件名会自动带上时间戳，这样因为生成的是新文件，用户访问到的都是最新的，这个唯一的缺陷是只支持 WPJAM 出品的插件和主题。
WPJAM Basic 插件的「CDN 加速」功能都有完整使用说明，如果还有其他问题，建议先看使用说明：
最后老是老规矩，贴一下 WPJAM Basic 支持的云存储服务，记得点我的链接，这三家土豪会给佣金的，我有钱赚了，就能够更加专注更新和优化插件了。🤩
阿里云OSS： https://wpjam.com/go/aliyun
腾讯云COS： https://wpjam.com/go/qcloud
火山引擎veImageX： https://wpjam.com/go/volc-imagex
最后互动环节：你在使用 WPJAM Basic 有什么问题，或者有什么功能需求，请。
点击卡片关注「WordPress果酱」
每天分享 WordPress 使用技巧
⏬⏬ 下载 WPJAM Basic 请点击阅读原文
相关文章
