如何在Jekyll中传递变量？

Question

我想在Jekyll制作我的作品集，我想在首页上展示4个项目。他们每个人都有一种独特的颜色（例如＃555，＃000，＃fff等）。我在哪里可以为每个帖子创建此变量，因此我可以在首页上使用此颜色<div style="background: {{ post.color }};">

Answer 1

您可以在帖子/页面字体中设置变量。 不要设置十六进制颜色值，而是设置类名。

---
 title: my title
 layout: mylayout
 class: pageClass1
---

然后可以在mylayout：

中应用此课程

<div class="{{ page.class }}">

然后在css / scss文件中设置样式：

.pageClass1{
  backgroud: red;
  color: white;
  .... any other rule for this class
}

Answer 2

您可以在_config.yml中定义任何此类全局变量，并且可以轻松访问{{site.postColor}}