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

我想你可以使用include

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

但是在視圖中加載css文件的內容可能會更好，並將其放在視圖的上下文中以將其發送到模板

Answer 2

你可以使用django-compressor軟件包。 它將添加{% compress %}模板標記，可以將一堆JS或CSS文件（或內聯代碼）連接在一起，並將其作為新的大文件或內聯代碼放入模板中。 例如，為了內聯一個CSS文件，您可以使用：

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

您可以將更多CSS文件添加到一個壓縮標記中，它們將連接在一起並包裝到一個<style>標記中。

查看用法示例以獲取更多詳細信

Answer 3

解決方案是使用include：

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

但它有點亂！ 您必須在模板目錄中放置副本或鏈接到css文件。 或者您使用上面的硬編碼鏈接，這可能會破壞生產。