【WordPress】七牛云如何刷新缓存CSS/JS文件

【Wordpress】七牛云如何刷新缓存CSS/JS文件

1、遇到问题

在写博客的过程中,可能会根据自己的喜好对于网站进行一些样式的自定义修改,会对CSS/JS文件进行修改。

但是如果使用了七牛云缓存和CDN镜像存储,会发现无论怎么修改CSS,浏览器中的样式都不会修改。

2、定位问题

我们打开浏览器的控制台,刷新博客页面,在 Sources 一栏,可以看到,我们的静态资源都是走了我们的配置的七牛云的空间域名:

https://qiniu.zhaoshuai.me/wp-content/themes/cu/style.css ,这样我们就大概知道,需要更新七牛云的静态资源的缓存。

【Wordpress】七牛云如何刷新缓存CSS/JS文件

3、直接刷新缓存

七牛云开发者中心->融合CDN->刷新预取

按要求填写需要刷新的 URL,点击提交即可。

示例:https://qiniu.zhaoshuai.me/wp-content/themes/cu/style.css

【Wordpress】七牛云如何刷新缓存CSS/JS文件

4、镜像存储刷新缓存方法

如果使用了 镜像存储 ,直接刷新不会生效,因为他还是会去存储空间(blog)中去找对应的文件。

  • 提交刷新请求后 10 分钟 左右,刷新全网生效。
  • 刷新 https 域名下的链接,会同时刷新 http 和 https,占用两次刷新额度。

4.1 七牛云开发者中心->对象存储->{博客存储空间}->内容管理->删除对应文件

【Wordpress】七牛云如何刷新缓存CSS/JS文件

4.2 再次按照“直接刷新缓存”方法,更新文件。

这样我们清一下浏览器的缓存!或者换一个浏览器!刷新博客页面,这样再去对象存储中看一下相对应文件的更新时间,如果没有问题,应该就会生效了!

5、参考文档

喜欢(1) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小北在线

小北在线

  • 扫描二维码,微信联系 扫描二维码,微信联系