如何使用Compass / Codekit与Jekyll

Question

我刚用Jekyll创建了我的第一个测试网站，并在GitHub页面上托管它。

我一直在玩它，但是我很难找到设置CodeKit与Jekyll一起工作的最佳方法，以便它在_site / css文件上执行代码注入并保存更改在/ sitename / css文件中，以便样式更改反映在GitHub页面上的托管站点上（它根据父目录中的CSS重新输出文件。

到目前为止，我发现我可以通过进入config.rb并更改

来本地工作

css_dir = "css"

到

css_dir = "/_site/css"

然后在我想要推送到GitHub时将其更改回来。

但这非常简陋，所以我认为其他人有更好的方法来完成这项工作。

Answer 1

1. 从jekyll项目的根目录中启动您的codekit项目（即：运行$ jekyll build --watch以生成静态站点的路径）。

2. 在codekit项目设置中，转到浏览器刷新菜单，然后在网站根子路径字段中，键入jekyll输出静态站点的目标位置（{{1}默认情况下）。

无论您是否使用CSS预处理器（sass，scss，less），这都会有效。