ジキル環境内でCSSファイルに液体を使用する

Question

私はcssファイルのLiquidに自分の背景画像パスを使用する方法と、ローカルホストとGithubで同時に画像を見ることができるようにしたいと考えています。

最初の背景パスはGithubでのみ動作し、2番目のパスは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"] 

Answer 1

あなたは自動的にあなたのテンプレートで行われるべきurlとbase_url液体ではなくを付加するabsolute_urlを使用することができます。

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

生成されたURLは、Githubページでは機能しないため、_siteを含むべきではありません。テンプレートでは、この場合/assets/style.cssには、あなたのCSSの場所を参照してください。

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