Sass Jekyll:在SCSS部分中使用来自_config.yml的值

Sass Jekyll:在SCSS部分中使用来自_config.yml的值,sass,jekyll,liquid,Sass,Jekyll,Liquid,在我的Jekyll项目中,我的\u config.yml文件中有以下内容: colors: - name: red hex: '#FF0000' - name: yellow hex: '#FFFF00' - name: blue hex: '#0000FF' 在assets/css/colors.scss中,我想为颜色创建如下类: {% for color in site.colors %} .{{ color.name }} { color: {{

在我的Jekyll项目中,我的
\u config.yml
文件中有以下内容:

colors:
  - name: red
    hex: '#FF0000'
  - name: yellow
    hex: '#FFFF00'
  - name: blue
    hex: '#0000FF'
assets/css/colors.scss
中,我想为颜色创建如下类:

{% for color in site.colors %}
.{{ color.name }} {
  color: {{ color.hex }};
}
{% endfor %}
我想
@将
colors.scss
文件导入
main.scss
,但在执行此操作时,出现以下错误:

Error in _assets/css/background-test.scss:6 Invalid CSS after "}": expected selector or at-rule, was "{% for color in..." 
  Liquid Exception: Invalid CSS after "}": expected selector or at-rule, was "{% for color in..." in _includes/head.html, included in _layouts/default.html
jekyll 3.0.1 | Error:  Invalid CSS after "}": expected selector or at-rule, was "{% for color in..."

有没有办法让Liquid处理SCSS部分中
\u config.yml
文件中的值?

Jekyll只解析main.SCSS


一旦被液体解析,它就被传递到sass/scss处理器。因此,任何@imported文件都不会被Liquid解析。

我认为这个问题与您之前的问题重复。我之前的问题没有指定SCSS部分。你对另一个问题的回答是正确的,但我无法在SCSS部分中实现这一点。明白了,谢谢-现在更有意义了。看来,实现这一功能的唯一方法是将液体生成的任何SCS分解成一个单独的文件,该文件可以包含前端物质。