在Jekyll環境中在css文件中使用液體

我正在尋找一個如何在css文件中使用Liquid作爲我的背景圖像路徑的答案，並希望圖像可以同時在本地主機和Github上看到。在Jekyll環境中在css文件中使用液體

第一個背景路徑只在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); 
}

陽明

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

來源

2017-04-14 edgaryp

您可以使用absolute_url自動預先準備的液體但的url和base_url應該在你的模板來完成：

{{ "/assets/style.css" | absolute_url }}

生成的網址不應該包含_site，因爲這在Github頁面中不起作用。 在模板是指你的CSS的位置，在這種情況下/assets/style.css：

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

來源

2017-04-14 04:07:27 marcanuy

謝謝馬塞洛，它的工作原理。隊友的歡呼聲。 – edgaryp

想知道** absolute_url **怎麼不在[document]（http://jekyllrb.com/docs/variables/）中，或者我錯過了。 – edgaryp

看這裏https://jekyllrb.com/docs/templates/它是最新的過濾器之一。 – marcanuy

在Jekyll環境中在css文件中使用液體

回答

相關問題