解决页面引用外部CSS,JS修改后不同步问题

网站建设经常改模板里的CSS样式，为了方便多个模板引用，也为了页面整洁，大多数人会选择把CSS样式表放到页面外（不直接书写在页面里），也可以把样式表储存在CDN加速的空间，引用方法如下：

<link rel="stylesheet" href="/skin/css/basic.css" type="text/css" /> <!--本地引用-->
<link rel="stylesheet" href="https://oss.vi586.com/skin/css/basic.css" type="text/css" /> <!--云空间引用-->

建议采用第二种方式，不会暴露所用的CMS；如果用第一种方式，也建议把css、js、图片这些文件移出模板目录。这两种方式都会因用了CDN加速之后，同步有一定的延迟，考虑在这些引用文件后面加后缀（云空间的文件不加后缀，在云空间上刷新文件即可），如：

<link rel="stylesheet" href="/skin/css/basic.css?v=1" type="text/css" />

但网站需要频繁调整的时候，每次都得改后缀也很麻烦。希望每次修改后生成新的后缀，可以考虑用filetime()函数。以DedeCMS为例：

<link rel="stylesheet" href="/skin/css/basic.css?v={dede:php}echo filemtime(DEDEROOT.'/skin/css/basic.css');{/dede:php} type="text/css" />

WordPress可以这样写

<link rel="stylesheet" href="/skin/css/basic.css?v=<?php $file = ABSPATH . 'skin/css/basic.css';echo file_exists($file) ? filemtime($file) : '';
?>">

当然还有其他做法，比如在网站接入CMS但未上线之前，可以把CSS样式表、JS文件单独写成一个模板，其他模板引用这个模板，实际是把CSS样式表和JS通过CMS直接生成到页面，也就不存在缓存，后续上线了再进行分离即可。

扩展阅读