如何在 Jekyll 中使用 Compass/Codekit

Question

我刚刚使用 Jekyll 创建了我的第一个测试站点，并将其托管在 GitHub Pages 上。

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

到目前为止，我发现我可以通过进入 config.rb 并更改来在本地工作

css_dir = "css"

到

css_dir = "/_site/css"

然后在我想推送到 GitHub 的时候改回来。

虽然这非常麻烦，所以我认为其他人有更好的方法来完成这项工作。

Answer 1

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

2. 在 codekit 项目设置中，进入 Browser Refreshing 菜单，在 Website Root Subpath 字段中，输入 jekyll 输出静态站点的目的地（_site by默认）。

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