如何与Jekyll一起使用Compass/Codekit

如何与Jekyll一起使用Compass/Codekit,jekyll,codekit,Jekyll,Codekit,我刚刚用Jekyll创建了我的第一个测试站点,并将其托管在GitHub页面上 我一直在玩弄它,但我很难找到最好的方法来设置CodeKit与Jekyll一起工作,这样它就可以在_site/css文件上进行代码注入,还可以保存/sitename/css文件上的更改,这样样式更改就可以反映在GitHub页面上的托管站点上(根据父目录中的CSS重新输出文件 到目前为止,我发现我可以通过进入config.rb并更改 css_dir = "css" 到 然后当我想推到GitHub时,将其更改回原来的状态

我刚刚用Jekyll创建了我的第一个测试站点,并将其托管在GitHub页面上

我一直在玩弄它,但我很难找到最好的方法来设置CodeKit与Jekyll一起工作,这样它就可以在_site/css文件上进行代码注入,还可以保存/sitename/css文件上的更改,这样样式更改就可以反映在GitHub页面上的托管站点上(根据父目录中的CSS重新输出文件

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

css_dir = "css"

然后当我想推到GitHub时,将其更改回原来的状态

这是非常简陋的,所以我想其他人有更好的方法来实现这一点

  • 从jekyll项目的根目录中启动codekit项目(即:运行
    $jekyll build--watch
    以生成静态站点的路径)

  • 在codekit项目设置中,转到浏览器刷新菜单,在网站根路径字段中,键入jekyll输出静态站点的目标(默认情况下为
    \u site

  • 无论您是否使用CSS预处理器(SAS、SCS、less),这都会起作用

    css_dir = "/_site/css"