Jekyll 从 CSS 访问页面变量

Question

background-img我正在尝试在我的文件中设置 a 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

Jekyll 仅处理具有 YAML front Matter 部分且扩展名为.html、.markdown、.md或 的文件。.textile

您可以通过使用这些扩展名之一保存 CSS 文件并包含 YAML front Matter 部分来破解它，使其正常工作。这似乎是一种相当笨拙的方法，而且会产生一些丑陋的代码，但它可能会起作用。