css - css 中的根路径 (Jekyll)

Question

我使用变量 {{ root_url }} 来访问我的网站 (Jekyll) 的根路径 (/)。例如。我可以用它来包含外部 css 文件的路径。

    <link rel="stylesheet" href="{{ root_url }}/css/main.css">

但是在我的 css/main.css 中，我无法访问 {{ root_url }} 例如。

input {
    background: url(/{{ root_url }}/img/search-icon.png);
}

图像未显示，因为 {{ root_url }} 在 css 中不可访问。如何在 css 中访问 {{ root_url }}？

Answer 1

您可以使用相对路径。由于 CSS 位于一层深的子文件夹中，因此您可以这样做:

input {
    background: URL(../img/search-icon.png)
}