在 Jekyll/Bootstrap 站点中，CSS 并不总是正确呈现

Question

我正在使用 Jekyll 3.0.1 和 Bootstrap 3 构建一个网站。我经常注意到，当我进行更改并刷新我的页面时，某些内容的 CSS 会随机中断。例如： 1）我将用我自己的风格覆盖 Bootstrap 的链接着色（不编辑 Bootstrap 文件）。 2) 我会将同一页面上的 UL 更改为 display:inline-block，并且我从 #1 中的自定义链接颜色消失。

显然这两个项目完全不相关，我检查并重新检查了我的 HTML 以确保没有错误嵌套。其他地方也发生了同样的事情（即突然改变某物的边框颜色会使某个 div 无法渲染）。我唯一能猜到的是 CSS 没有正确或完整地导入，但我不知道。

我目前正在使用 Firefox，如果这有帮助的话。

至少可以说，这非常令人沮丧，我以前从未遇到过这样的事情。有没有人遇到过这样的事情并有什么建议？？！

Answer 1

在我看来，您正面临缓存问题。有时，如果某个文件被缓存，它会出于某种奇怪的原因加载默认的 css。当我开发网站时，我正面临这个问题。我不确定这是否适合您，但向您的 css 链接添加参数会阻止您的 css 缓存。

<link rel="stylesheet" type="text/css" href="http://example.com/style.css?r=1">

通过添加 ?r=1 可以防止缓存。您也可以尝试使用 chrome 并禁用缓存本身，看看问题是否仍然存在。

打开右下角的开发者工具（F12 或 Ctrl-Shift-J）-> 齿轮检查禁用缓存。

尽管该参数可能会解决您的问题，但您不应该真正使用它，因为人们每次访问您的网页时都必须重新加载您的 CSS。