在Jekyll环境中的css文件中使用液体

在Jekyll环境中的css文件中使用液体,jekyll,liquid,Jekyll,Liquid,我正在寻找如何在css文件中使用Liquid作为我的背景图像路径的答案,并希望能够在localhost和Github中同时看到该图像 第一个后台路径仅在Github上工作,第二个后台路径仅在localhost上工作。是否有任何方法可以实现我想要的,而无需在每次提交Github时注释掉代码?我在想也许我需要使用{{%%}},所以我阅读了Jekyll的文档并查找答案,但仍然没有运气 CSS --- --- .content-wrapper { max-width: 800px; margi

我正在寻找如何在css文件中使用Liquid作为我的背景图像路径的答案,并希望能够在localhost和Github中同时看到该图像

第一个后台路径仅在Github上工作,第二个后台路径仅在localhost上工作。是否有任何方法可以实现我想要的,而无需在每次提交Github时注释掉代码?我在想也许我需要使用{{%%}},所以我阅读了Jekyll的文档并查找答案,但仍然没有运气

CSS

---
---

.content-wrapper {
  max-width: 800px;
  margin: 0 auto;
  height: 2600px;
  background: url({{site.baseurl}}/_site/assets/img/dummy_blog_content.jpg);
  background: url({{site.url}}{{site.baseurl}}/assets/img/dummy_blog_content.jpg);
}
YML

baseurl: /project
exclude: ["README.md"]

您可以使用
absolute\u-url
在liquid中自动预加
url
base\u-url
,但应在模板中完成:

{{ "/assets/style.css" | absolute_url }} 
生成的url不应该包含
\u site
,因为这在Github页面中不起作用在模板中引用css位置,在本例中为
/assets/style.css

<link rel="stylesheet" href="{{ '/assets/style.css' | absolute_url }}">

您可以使用
absolute\u url
自动在liquid中预先添加
url
base\u url
,但这应该在模板中完成:

{{ "/assets/style.css" | absolute_url }} 
生成的url不应该包含
\u site
,因为这在Github页面中不起作用在模板中引用css位置,在本例中为
/assets/style.css

<link rel="stylesheet" href="{{ '/assets/style.css' | absolute_url }}">

想知道为什么绝对url不在中或我错过了它。想知道为什么绝对url不在中或我错过了它。