给新的站点“biib.top”加了个友情链接,顺便修改了一下主题的footer背景。但浏览器缓存了站点的css文件,修改后的效果并不实时生效。直接清除浏览器缓存是个简单粗暴的办法,问题在于这个效果也只是针对博主个人,用户可不会没事瞎清缓存来玩吧。
最近在学习wordpress,wp的解决方案是给样式文件加上一个后缀,类似下面的形式,一旦版本号产生修改,浏览器就会忽略掉已缓存的文件重新请求:
https://biib.top/wp-content/themes/tsubasa/assets/js/main.js?ver=1.0.90
测试了一下这个方式在typecho里同样适用,如果您是老访客,现在应该也能够看到小鸟数据底部的footer的背景有了变化。ver=1.0.90
表示style.css这个文件的版本号。style.css文件可能会被客户端缓存,如果仅仅写成style.css,并且被客户端浏览器缓存,那么一旦服务器更新style.css后客户端不一定会同步更新。为了解决更新问题,加上ver=1.0.90,这样就能让客户端知道style.css更新了,会重新从服务器下载。浏览器客户端将下面两个文件看做不同的文件:
style.css?ver=1.0.90
style.css?ver=1.0.91
回想不清楚这个规则前反复清缓存的日子,是个站点登录都管博主要手机验证,真是苦不堪言。