css 图片加载版本号 |护眼色css

background-image: url('/path/to/image.png?v=1.0');

在这个例子中，’v=1.0′ 将作为 URL 参数出现，并且只要版本号更改了，该图像就会被重新缓存。很明显，每当您更新网站上的图像时，您都应该更新版本控制。

那么，如何确保您的图像在每次部署时都获得新的版本号？如果您使用的是一个存储库并使用 Git，您可以使用 Git 的哈希来作为版本号：

background-image: url('/path/to/image.png?v=<?php echo exec('git rev-parse --short HEAD') ?>');

在这个示例中，大家使用 PHP 来运行 Git 命令并获取哈希，将其添加到 URL 参数中。这样，每次部署时，都会生成一个新的哈希并缓存新的图像。

总之，添加版本号是一个伟大的方法来确保您的网站上的图像在每个版本更改时都能获得更新的缓存。您可以手动编辑每个 URL 或在部署脚本中使用工具来自动生成版本号。