Django 模板：从文件嵌入 css

Question

我正在处理电子邮件模板，因此我想嵌入一个 css 文件

<head>
   <style>{{ embed 'css/TEST.css' content here }}</style>
</head>

而不是链接它

<head>
   <link href="{% static 'css/TEST.css' %}" rel="stylesheet" type="text/css">
</head>

有任何想法吗？

Answer 1

您可以使用django-compressor包。它将添加{% compress %}模板标签，该标签可以将一堆 JS 或 CSS 文件（或内联代码）连接在一起，并将其作为新的大文件或内联代码放入模板中。例如，要内联一个 CSS 文件，您可以使用：

{% compress css inline %}
    <link href="{% static 'css/TEST.css' %}" rel="stylesheet" type="text/css">
{% endcompress %}

您可以将更多 CSS 文件添加到一个压缩标签中，它们将连接在一起并包装到一个<style>标签中。

查看使用示例以获取更多详细信息。

Answer 2

我想你可以用include

<style>{% include "/static/css/style.css" %}</style>

但最好在视图中加载 css 文件的内容，并将其放在视图的上下文中以将其发送到模板