如何正确扩展和包含在 Django 模板中

Question

以下是我的homepage.html是家庭应用

{% extends "base.html" %}
{% load static %}
<link rel = "stylesheet" href = "{% static 'css/home.css' %}" > #reference to stylesheet in the home app static directory

{% block body %}
   <h1>I am homepage</h1>
{% endblock %}

我的base.html在项目根目录下是这样的

<!DOCTYPE html>
<html>
  <head>
    <link rel = "stylesheet" href = "{% static 'base.css' %}" > #stylesheet in root folder
  </head>

  <body>
     {% block content %}
     {% endblock %}
  </body>
</html>

但是在这里，homepage.html 中的 home.css 不起作用，因为扩展上的 base.html 在 home.css 可以进入头部部分之前关闭了头部。

有什么方法可以将 CSS 添加到 header

谢谢

Answer 1

你只需要另一个街区。

在base.html中：

<head>
  <link rel="stylesheet" href="{% static 'base.css' %}">
  {% block extrahead %}{% endblock %}
</head>
...

在homepage.html中：

{% extends "base.html" %}
{% load static %}
{% block extrahead %}<link rel="stylesheet" href="{% static 'css/home.css' %}">
{% endblock %}
...

如何正确扩展和包含在 Django 模板中

How to properly extend and include in Django tempates

django

templates

django-static