html.html.twig 中的内联 css | Drupal 8

Question

我想在文件 html.html.twig 中插入一个带有内联 CSS 的样式标签 我正在运行带有 Bartik 主题的 Drupal 8。 我希望它在前端看起来像这样。

<style media="all">
  html{background:#fff;color:#000;}body{margin:0;}...
</style>

我已经尝试过这个解决方案。

<style media="all">
  {% include directory ~ '/sites/default/files/css/inline.css' ignore missing %}
</style>

但后来我只收到回复<style media="all"></style>

我尝试将自定义 CSS 添加为库，它工作正常，但我想要 <css-placeholder token="{{ placeholder_token }}"> 之外的 CSS（如果我想移动它）。

Answer 1

不，不要那样做。

正确的方法是创建一个sub-theme（以 Bartik 为基础）并从那里添加您的样式：https://www.drupal.org/docs/8/theming-drupal-8/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-theme

或者，您也可以在自定义模块中执行此操作：https://www.drupal.org/docs/8/creating-custom-modules/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-module

---

如果您仍然坚持添加内联 CSS，则如下所示：

<style>{{ source('sites/default/files/css/inline.css') }}</style>