使用Jekyll使用SCSS更新CSS

Question

决定尝试Louis Rassaby主题。 我仍然对使用Jekyll的sass / scss陌生。 我无法使用_filename.scss文件更新main.css。 我以为Jekyll每次我做jekyll serve时都会自动这样做。

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

Answer 1

看起来您派生的主题使用Gulp npm软件包来管理其资产管道，并且其中包括一个处理Sass文件的步骤 。 从文档看来，您似乎可以运行npx bundle exec gulp在本地服务站点，并且应该监视Sass文件的更改-只需确保在src/styles/包括新的导入，并为它们包括import语句即可。在您的src/styles/main.scss文件中，该文件将作为assets/css/main.css src/styles/main.scss输出。

这不适用于Jekyll的标准构建/服务流程，该流程使用Ruby gem处理Sass处理，并要求您指定一个文件夹以在Jekyll配置中存储Sass导入，然后将这些导入包含在要处理的文件中（ 参见文档 ）。 要对其进行更改以使其使用Jekyll的构建过程，您需要将所有导入从当前的Sass文件夹移至您在Jekyll配置文件中定义的文件夹（或简单地指向配置中的此现有文件夹）您还必须确保它已包含在Jekyll处理中），然后将main.scss文件移动到assets/css/文件夹中。 但是，这可能会破坏现有的资产管道，除非您从中删除Sass处理步骤。