我正在使用 Jekyll 和 Liquid 在 GitHub 页面上生成静态网站。我从 templated.co 找到了一个模板（这个，具体来说 http://templated.co/linear）我用于页面布局。
我让 Jekyll 正确交付内容，但我想通过在 CSS 中使用 Liquid 在每个页面上使用不同的背景图像（代替现在的默认图像）。我让 Jekyll/Liquid 通过向 style.css 添加一个空的前部部分来识别 CSS，但我无法获得以下行来允许我根据需要调整背景图像：
background: url(../images/{% if page.bgimage %}{{ page.bgimage }}{% else %}{{ site.bgimage }}{% endif %}) no-repeat bottom center;
我可以通过放置来更改所有页面的背景图像bgimage: whatever.jpg在 _config.yml 中，但不能添加像这样的行bgimage: otherimage.jpg在页面的前面使用 otherimage.jpg 而不是whatever.jpg 作为背景图像。
我想做的事情是否可能，或者我只是遇到了一些语法问题？
在此先感谢您的帮助。
最好的方法是简单地添加一个空的 YAML 块，而不是进行内联样式
到现有 CSS 文件的开头，这样液体就会被处理。
---
---
/* Your css containing liquid tags */
body {
background: url(../images/{% if page.bgimage %}{{ page.bgimage }}{% else %}{{ site.bgimage }}{% endif %}) no-repeat bottom center;
}
“Front Matter 变量是可选的：如果您想使用 Liquid 标签和变量，但在 front Matter 中不需要任何内容，只需将其留空即可！中间没有任何内容的三条虚线仍然会让 Jekyll 处理您的内容。文件。（这对于 CSS 和 RSS 提要等内容很有用！）”来源：http://jekyllrb.com/docs/frontmatter/ http://jekyllrb.com/docs/frontmatter/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
