Jekyll - 你可以使用 Liquid 来引用 Front Matter 变量吗

Question

我想在 css 中使用 front Matter 变量来消除 html 文件中内联样式的使用，并且想知道这是否可能？ 这是我目前拥有的示例

页面前面的内容:

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

HTML:

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

我更喜欢在 CSS 中做什么:

.section-1 {
    background-color: {% page.section-color %};
}

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

Answer 1

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

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

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

Lorem ipsum

创建一个布局文件(default.html)，如下所示:

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

但是...回答你的问题:这是可能的，请参阅this answer .