jekyll - 如何在 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默认情况下）。

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