将 Jekyll 项目推送到 gh-pages 远程分支并使用 jekyll-compass 时找不到 CSS 文件答案

【问题标题】：CSS file not found when pushing a Jekyll project to gh-pages remote branch and using jekyll-compass将 Jekyll 项目推送到 gh-pages 远程分支并使用 jekyll-compass 时找不到 CSS 文件
【发布时间】：2014-06-05 16:09:16
【问题描述】：

我正在使用 css 构建我的网站，并且在本地和远程一切都运行良好。然后我想切换到sass。我安装了 jekyll-compass，现在我的 sass 文件正在输出为我的 _site/css 文件夹中的 css 文件。一切都在本地运行良好，但是当我将它们推送到 Github 时，我的样式没有被应用，并且我在那个 css 文件上得到了 404。我做错了什么？

【问题讨论】：

标签： compass-sass jekyll github-pages jekyll-extensions

【解决方案1】：

不要将渲染的 SASS 文件的输出设置为 /_site/css，而是将输出设置为 /css（站点根级别）。

发生的情况是，本地 SASS 运行良好，并按您的预期输出到您的 /_site/ 目录。但是在 GitHub 页面的生产中（不支持 jekyll-compass gem）你的 CSS 根本没有输出到 /_site，因为插件没有在那里执行。

它在本地运行并不重要，因为 GitHub Pages 会在您推送并重新生成 /_site/ 后再次运行 jekyll build 命令。所以它不支持的任何东西（即jekyll-compass）都不会进入你的/_site文件夹的生产版本。

我建议的解决方法有效，因为它不会将最终的 CSS 输出到在您推送到 GitHub 页面时会被覆盖的目录中，而是将其写入到即使使用 @987654329 的全新构建也会保留的目录@目录。

另外值得注意的是，Jekyll 2.0 将支持 SASS，如果您愿意，您甚至可以在本地使用 2.0 alpha gem（尽管 GH Pages 在正式发布之前不会更新到 2.0）。

【讨论】：

感谢您的解释。如何在 Jekyll 中更改 SASS 输出目标？
请注意，GitHub Pages 已升级到 Jekyll 2.0，现在可以与 Sass 一起正常工作。

【解决方案2】：

GitHub 页面支持的插件很少，以前没有，现在有 3 个。请参阅this page 了解更多信息。

您需要编译 SASS 并提交生成的 CSS 文件。

【讨论】：