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