我正在尝试使用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
关于sass - Jekyll不会使用 `jekyll serve`编译scss文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38437416/