使用 Jekyll 将 CSS 更新为 SCSS

Updating CSS with SCSS using Jekyll

决定尝试 Louis Rassaby 主题。我对 sass/scss 使用 Jekyll 还是个新手。我无法用 _filename.scss 文件更新 main.css。我假设 Jekyll 会在我每次执行 jekyll serve 时自动执行。

我从 https://github.com/lrassaby/lrassaby.github.io 分叉了主题。

您分叉的主题似乎使用 Gulp npm 包来管理其资产管道,其中包括 a step that processes Sass files。从文档中,您似乎可以 运行 npx bundle exec gulp 在本地为站点提供服务,并且应该观察 Sass 文件的更改——只要确保您在 src/styles/ 并在您的 src/styles/main.scss 文件中包含它们的导入语句,该文件的输出为 assets/css/main.css.

这不适用于 Jekyll 的标准 build/serve 流程,它使用 Ruby gem 来处理 Sass 处理并要求您指定一个文件夹用于存储Sass 在您的 Jekyll 配置中导入,然后将这些导入包含在它将处理的文件中(see documentation). To change it so that it's using Jekyll's build process, you'd need to move all of your imports from the current Sass folder 到您在 Jekyll 配置文件中定义的文件(或简单地指向配置中的现有文件夹,尽管您还必须确保它包含在 Jekyll 处理中),然后将 main.scss 文件移动到您的 assets/css/ 文件夹中。不过,这可能会破坏您现有的资产管道,除非您删除 Sass 从它开始的处理步骤。