title: Use liquid in css file within Jekyll environment
body: <p>I am looking for an answer of how to use Liquid for my background image path in css file and hoping the image can be seen in localhost and on Github at the same time.</p>
  
  <p>The first background path only worked on Github and the second one only worked in localhost. Is there any way to achieve what I want without comment out the code every time I commit to Github? I was thinking maybe I need to use {{%%}} so I read the documentation from Jekyll and looked up for answers but still no luck.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>---
  ---
  
  .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);
  }
  </code></pre>
  
  <p><strong>YML</strong></p>
  
  <pre><code>baseurl: /project
  exclude: ["README.md"]
  </code></pre>