使用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软件包来管理其资产管道，并且其中包含a step that processes Sass files。从文档看来，您似乎可以运行npx bundle exec gulp在本地服务站点，并且应该监视Sass文件的更改-只需确保在src/styles/中包括新的导入并包括import语句在您的src/styles/main.scss文件中找到它们，该文件将以assets/css/main.css的形式输出。

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