Jekyll 不使用“jekyllserve”编译 scss 文件

2024-01-29

我正在尝试使用 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

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

谢谢你,


好的我明白了 !

你有一个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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jekyll 不使用“jekyllserve”编译 scss 文件 的相关文章

随机推荐