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

时间:2014-04-21 15:05:21

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

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

2 个答案:

答案 0 :(得分:3)

不是将渲染的SASS文件的输出设置为/_site/css,而是将输出设置为/css (网站根级别)

正在发生的事情是,本地SASS正常运行,并按照您的预期输出到您的/_site/目录中。但是在GitHub页面(不支持jekyll-compass gem)的生产中你的CSS根本没有被输出到/_site因为插件不是&#39在那里执行。

从那里开始本地工作并不重要,因为一旦你推动并重新生成jekyll build,GitHub Pages就会再次运行/_site/命令。因此,它不支持的任何内容(即jekyll-compass)都不会进入/_site文件夹的生产版本。

我建议的解决方法是有效的,因为它不是将最终的CSS输出到你推送到GitHub页面时被覆盖的目录,而是将它写入一个目录,即使使用新的构建/_site/目录。

同样值得注意的是,Jekyll 2.0将支持SASS,如果你愿意,你甚至可以在本地使用2.0 alpha gem(虽然GH页面不会更新到2.0,直到它为止正式发布)。

答案 1 :(得分:1)

GitHub页面支持很少的插件,它曾经是没有,但现在有三个。有关详细信息,请参阅this page

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