如何在單個 html 文件中的 django3 中添加多個 css 文件？

Question

我在模板文件夾中有一個名為index.html的 html 文件，兩個 css 文件computer.css和mobile.css都在靜態文件夾中。 我如何在單個index.html文件中使用它們。

Answer 1

只需像通常在 HTML 中那樣添加它們即可。 但是對於靜態文件，您必須在 HTML 文件中包含{% load static %}並且當您訪問 css 文件的 URL 時，請以 django 方式執行此操作，如下所示：

索引.html

{% load static %}
<html>
<head>
    <title>...</title>
    <link rel="stylesheet" href="{% static './path/to/css' %}">
    <link rel="stylesheet" href="{% static './path/to/another/css' %}">
</rest of the code>...

TL/DR ：在生產中，像 CSS 這樣的靜態文件應該由像 nginx 這樣的代理服務器處理。 因此，如果您處於開發階段，您的服務器可能無法解析靜態文件夾的目錄。 為此，您可以在項目的urls.py 中手動添加以下代碼

from django.urls import re_path
from django.views.static import serve
from django.conf import settings

urlpattern += [
  re_path(r'^static/(?:.*)$', serve, {'document_root': settings.STATIC_ROOT, })
]

並在settings.py 中定義STATIC_ROOT

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

如何在單個 html 文件中的 django3 中添加多個 css 文件？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-10-22 01:52:41

如何在單個 html 文件中的 django3 中添加多個 css 文件？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-10-22 01:52:41

解決方案1
0 已采納 2020-10-22 01:52:41