css - jekyll-sass-转换器不工作

标签 css sass jekyll github-pages

我是法国人,抱歉我的英语不好,我对 Jekyll 有疑问

我安装了 gems:jekyll、jekyll-sass-converter

但 Jekyll 不会将 styles.scss 转换为 styles.css

I declared the styles on _includes/head.html:

 <!-- CSS -->
    <link rel="stylesheet" href="{{ site.baseurl }}css/styles.css">

Assets 已在 _config.yml 上声明:

sass:
  sass_dir: _lib
  style: compressed

styles.scss 输出

// Imports
@import "base";
@import "main";

_lib文件夹输出

/base.scss
/main.scss

Github 元素:https://github.com/micaelandre/micaelandre.github.io

Github 问题:https://github.com/micaelandre/micaelandre.github.io/issues/1

网站:https://micaelandre.github.io

最佳答案

Jekyll 仅在 .scss 以两行三连字符开头的情况下转换 sass 文件,因此在 css/styles.scss 中:

---
---

// Imports
@import "base";

这将生成:css/styles.css

另请注意,您无需明确安装 sass 转换器,因为它是 jekyll gem 之一 dependency .

关于css - jekyll-sass-转换器不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43411971/

相关文章:

javascript - 展开 折叠 div

deployment - 基于构建的不同 SASS/Coffeescript 变量值

ruby - 运行 Jekyll 时出错 – 库未加载 :/usr/local/opt/ruby/lib/libruby. 3.0.dylib (LoadError)

CSS3渐变和背景图片结合

javascript - dygraphs 更改值/图例背景

html - :last-child in ng-repeat not working

ruby-on-rails - Jekyll:错误:无法构建网站,日期格式错误

javascript - 如何向元素添加新的变换样式?

css - 如何在 ionic4 中设置平台特定的 css(android 和 ios 的不同样式)

ruby - 如何从 Jekyll 插件中调用 `handleize` Liquid 过滤器?