在Jekyll样式表中设置背景图像

Question

鉴于我在Jekyll网站上有以下标记：

<header>
  <hgroup>
    <h1>Page title</h1>
    <h2>Page subtitle</h2>
  </hgroup>
</header>

我正在尝试使用CSS应用背景图片，但是，我需要使用{{site.baseurl}}变量，以便正确解析图片文件的位置。不幸的是，以下代码不起作用：

header {
  background-image: url('{{ site.baseurl }}/img/bicycle.jpg');
}

内联样式实际上可以与{{site.baseurl}}一起使用，并且下面的代码有效。

<header style="background-image: url('{{ site.baseurl }}/img/bicycle.jpg');">

但是我真的不想使用内联样式。将背景图像应用于Jekyll网站的方法是什么？

Answer 1

我设法通过在我的文件中设置 url 来让它工作，_config.yml如下所示：

# Site settings
url: "http://www.SITE_DOMAIN.com" 

现在，背景图像属性设置为：

background-image: url('/images/IMAGE_NAME.jpg')