如何使用 liquid 变量在 html 中突出显示带有填充的文本

Question

我正在使用 jelkyll，我想在特定 post 的前面用预定义的液体变量突出显示标题。

所以在我的 post.md 文件中我有这个：

---
title: hello
color: aaa
---

接下来我有一个包含以下代码的 post.html 文件：

<h1 class="page-title">{{page.title}}</h1>

用标准黄色突出显示确实有效：

  <h1 class="page-title" style="background-color:yellow">{{page.title}}</h1>

但是当我用 #{{post.color}} 改变黄色时它不起作用。我似乎也无法移动颜色。我想实现类似 here 的东西是用 "rams".

这个词完成的

Answer 1

您可以使用 {{ page.color }} 达到您的颜色。