Jekyll 杰基尔-你能用液体来引用前线物质变量吗

我想在css中使用前置变量来消除html文件中内联样式的使用，我想知道这是否可行？ 这是我目前所拥有的一个例子

首页内容：

---
section-1-color: #222222
---

HTML:

---

这可能吗？还是内联样式是最可接受的方法？

内联样式是最可接受的方法。您定义了一个特定于此页面的页面变量，因此它不属于全局样式表（IMO）。你应该这样做：

---
section-1-color: #222222
layout: default
---

Lorem ipsum

<section class="section-1" style="background-color: {% page.section-1-color %};">
{{ content }}
</section>

创建一个.md文件，如下所示：

---
section-1-color: #222222
layout: default
---

Lorem ipsum

<section class="section-1" style="background-color: {% page.section-1-color %};">
{{ content }}
</section>

创建布局文件（default.html），如下所示：

---
section-1-color: #222222
layout: default
---

Lorem ipsum

<section class="section-1" style="background-color: {% page.section-1-color %};">
{{ content }}
</section>

{{content}}

---

但是。。。要回答您的问题，请参阅。

在_settings.yml中集中颜色数据

section-color:
 1: "yellow"
 2: "#ffffff"
 3: "#f00"

在您的首页中，参考所选颜色：

---
section-color: 1
---

在布局中：

<section class="section-{{ page.section-color }}>

---

感谢您的回复，您提供的链接带有标签，例如；{%include user-styles.css%}但不包括对象，例如{{page.background-color}}我现在只使用内联样式，但谢谢大家！