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

Answer 2

您是否将前面的内容添加到main.scss文件的顶部？

Answer 3

首先添加到您的config.yml

sass:
    sass_dir: _sass

然后在main.scss文件的顶部添加两行虚线( https://jekyllrb.com/docs/assets/ )

---
---

@charset "utf-8";

之后，在cmd控制台中写入

杰基尔

检查你的汇编。