Question

我正在尝试在background-img文件中设置css.liquid，我需要在页面中获取YAML变量。我怎样才能做到这一点？这就是我到目前为止所做的：

background-image: url({{ page.locales[page.default_locale][page.first_name] }});

我也有这个：

background-image: url('{{ page.first_name }}{{ page.last_name }}.jpg');

Answer 1

只有包含YAML前端内容部分以及扩展程序.html，.markdown，.md或.textile的文件才会被Jekyll处理。

你可以通过使用其中一个扩展名保存你的CSS文件并包括一个YAML前端部分来破解它。这似乎是一种相当笨拙的方式，并且它可以制作一些丑陋的代码，但它可能会有效。

Answer 2

只需使用这些样式'inline'而不是css.liquid文件。这是迄今为止最简单（也是最不丑陋）的解决方案。

Answer 3

您需要在css文件的顶部添加---\n---，如下所示：

---
---

.myClass {
   background-image: url('{{ page.first_name }}{{ page.last_name }}.jpg');
}