使用 Jekyll 和 Octopress 部署 CSS答案

【问题标题】：Deploying CSS with Jekyll and Octopress使用 Jekyll 和 Octopress 部署 CSS
【发布时间】：2013-04-06 14:44:16
【问题描述】：

我现在正在建立一个 Octopress 博客，但我遇到了一些麻烦。

在 _posts 文件夹中添加 Markdown 文件后，我可以在博客上发帖，如下所示：

rake generate
rake deploy

它适用于帖子，但是当我在 sass > 自定义文件夹中编辑 CSS 并生成/部署时，编辑不会显示在实时博客上！当我在实时服务器上打开 screen.css 时，一切似乎都很好——我所有的编辑都在那里。但是当我在 Chrome 上的开发者工具中查看相同的文件时 - 编辑不存在。

这是某种缓存问题吗？

非常感谢任何有关如何解决此问题的提示！ :)

【问题讨论】：

以隐身模式打开页面时会发生什么（禁用缓存等）？
当我这样做时它确实有效:)

标签： css jekyll octopress

【解决方案1】：

我在 Octopress 上运行了一段时间，并试图剖析它的各个部分。我相信它可能是源文件夹中的一些配置没有考虑到 sass/custom.也许在 source/_includes 中。否则尝试在源/样式表/screen.css 中应用这些更改。不幸的是，许多贡献主题的人没有根据官方文档将代码放在正确的自定义文件夹中。但是官方文档也很陈旧。

【讨论】：

【解决方案2】：

这当然是一个缓存问题。您需要修改随静态资源发送的 HTTP 标头。那里有很多关于缓存的文档，所以我不会在这里重复。

（警告：无耻的自我推销啊！）

但是，我建议您对静态文件进行版本控制，以便您可以主动缓存它们，而不必担心确保您使用的是最新版本。我写了一个article with some rake tasks 优化和版本资产，然后更新我的head.html 包含的版本。这就是我的博客所做的。

我也一直想尝试新的Jekyll Asset Pipeline，它可能会为您做到这一点。你可以试一试。

【讨论】：