内联 CSS，同时仍使用默认目录结构答案

【问题标题】：Inline CSS while still using the default directory structure内联 CSS，同时仍使用默认目录结构
【发布时间】：2017-08-08 09:25:24
【问题描述】：

我有一个标准的 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 目录中。

【问题讨论】：

标签： jekyll liquid

【解决方案1】：

您是否尝试将 assets 文件夹添加到您的 _config.yaml configuration file 的包含选项中？

include: - assets

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

【讨论】：