jekyll - 如何在 Jekyll 中使用 Compass/Codekit

标签 jekyll codekit

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

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

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

css_dir = "css"

css_dir = "/_site/css"

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

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

最佳答案

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

  2. 在 codekit 项目设置中,转到 Browser Refreshing 菜单,然后在 Website Root Subpath 字段中,键入 jekyll 输出静态站点的目的地(即 _site 默认)。

无论您是否使用 CSS 预处理器(sass、scss、less),这都适用。

关于jekyll - 如何在 Jekyll 中使用 Compass/Codekit,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17981574/

相关文章:

jquery - Codekit Uglify.js 'Unexpected token punc' 错误

ruby - Jekyll 构建和服务无法在 Ubuntu (WSL) 上运行

css - SCSS 运行良好,但 Codekit 错误 "Syntax error: File to import not found or unreadable"

css - 第二次编辑后,Codekit 无法刷新浏览器?

javascript - 浏览器加载资源最有效的方式

jekyll - 隐藏GitHub服务的Jekyll网站中的页面

html - 受 Staticrypt 保护的 Jekyll 网站,将 encrypted.html 放在哪里?

html - jekyll 中的 Jekyll 代码

utf-8 - 我的 jekyll 网站无法构建 : Liquid Exception: incompatible character encodings