内联CSS,同时仍使用默认目录结构

时间:2017-08-08 09:25:24

标签: jekyll liquid

我有一个标准的Jekyll设置并使用sass来编译一些CSS。但我仍然无法弄清楚如何在仍然使用默认目录结构的情况下内联编译的CSS。目前,我在_includes/head.html文件中包含此代码:

<link rel="stylesheet" href="{{ "/assets/normalize.css" | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/milligram.css" | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/foobar.css" | relative_url }}">

这是目录结构:

_sass
├── milligram
│   ├── _Base.sass
│   ├── _Blockquote.sass
│   ├── _Button.sass
│   ├── _Code.sass
│   ├── ...
└── milligram.sass
assets
├── milligram.scss
├── normalize.css
└── foobar.css

我该怎么做:

<style type="text/css">
  {% include normalize.css %}
  {% include milligram.css %}
  {% include foobar.css %}
</style>

在默认目录结构中不起作用,因为所有这些文件都不在_includes目录中。

1 个答案:

答案 0 :(得分:1)

您是否尝试过将资源文件夹添加到const rp = require('request-promise'); Promise.all([ rp.get({uri:'https://api.bitfinex.com/v2/ticker/tBTCUSD', json:true}), rp.get({uri:'https://api.bitfinex.com/v2/ticker/tETHUSD', json:true}) ]).then(function(results) { let array1 = results[0], array2 = results[1]; let answer = array1[2] / array2[2]; // do something with answer here }).catch(function(err) { // handle error here }); configuration file的include选项中?

_config.yaml

这是一个略有不同的问题和用法,但您可以在Jekyll: Include a file from directory outside of _includes处尝试其他一些事项