使用 Jekyll 使用 SCSS 更新 CSS



决定尝试Louis Rassaby Theme。我仍然是使用 Jekyll 的 sass/scss 的新手。我无法使用 _filename.scss 文件更新主.css。我以为杰基尔每次做jekyll serve时都会自动做。

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

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

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

最新更新