sass - Jekyll不会使用 `jekyll serve`编译scss文件

Question

我正在尝试使用Jekyll创建一个网站，并且一切正常。直到我想定制设计。

我已经更新了css/main.scss，以便将自己的自定义主题包含在_sass/theme.scss中:

// Import partials from `sass_dir` (defaults to `_sass`)
@import
        "base",
        "layout",
        "syntax-highlighting",
        "theme"
;

我还更新了 _config.yml，因为 jekyll serve -H 0.0.0.0并未编译我的新sass文件。我添加了以下内容:

sass:
    sass_dir: _sass

问题是 jekyll serve无法编译我的sass文件，我总是看到默认的CSS。我也尝试直接在 _sass/theme.scss的末尾复制 css/main.scss的内容，但是什么也没发生。

直到我在 jekyll serve运行时修改了其中一个文件。问题是 jekyll-watch可以理解我的更新并编译scss文件。我可能为 jekyll build做错了什么吗？第一次尝试时不编译sass文件吗？

如果您需要它，请在我的项目树中:

.
├── _config.yml
├── css
│   ├── main.css
│   └── main.scss
├── _images
├── img
├── index.html
└── _sass
    ├── _base.scss
    ├── _layout.scss
    ├── _syntax-highlighting.scss
    └── _theme.scss

有人知道如何解决这个问题吗？

谢谢，

Answer 1

好的我明白了 !

您有一个css/main.css文件，该文件被复制为_site/css/main.css中的静态文件。

问题在于它与css/main.scss目标(也为_site/css/main.css)具有相同的名称。

因此，首先构建:

css/main.scss处理为main.css

然后，当复制静态文件时，它会被css/main.css覆盖。

解决方案:删除 css/main.css