在Django 4.0中使用TailwindCSS无法加载多个内容块问题

你当前的模板结构存在核心问题：theme_menu.html 和 theme_footer.html 是独立的模板文件，各自继承了 main_base.html，但没有被实际渲染的 main.html 引用。main.html 只继承了 main_base.html，它的继承链和另外两个模板完全独立，所以菜单、页脚的块内容不会被加载到最终页面中。

提供三种可行的修复方式，按需选择：

方式一：在基础模板中引入菜单和页脚作为默认块内容 #

修改 main_base.html，在对应的块中直接 include 菜单和页脚模板，这样所有继承它的子模板都会默认加载这些内容，也可以在子模板中重写块来覆盖：

{% load static tailwind_tags %}
<!DOCTYPE html>
<html lang="en">
    <head>
        {% tailwind_css %}
    </head>
    <body class="bg-blue-100">
        <nav>
            {% block navbarn %} 
                {% include "theme_menu.html" %}
            {% endblock %}
        </nav>
        
        {% block content %}
        {% endblock %}
        
        <footer>
            {% block footer %} 
                {% include "theme_footer.html" %}
            {% endblock %}
        </footer>
    </body>
</html>

同时修改 theme_menu.html 和 theme_footer.html，去掉继承语句，只保留块内容：
theme_menu.html：

home

theme_footer.html：

<h1>this is a footer</h1>

方式二：调整模板继承链 #

创建一个整合了菜单和页脚的父模板，让 main.html 继承它：

1. 保留 main_base.html 作为最基础的骨架，创建 theme_base.html：

{% extends "main_base.html" %}

{% block navbarn %}
home
{% endblock %}

{% block footer %}
<h1>this is a footer</h1>
{% endblock %}

2. 修改 main.html 继承 theme_base.html（同时修正语法错误）：

{% extends "theme_base.html" %}

{% block content %}
blah blah
{% endblock %}

方式三：在 main.html 中直接重写菜单和页脚块 #

如果不需要单独拆分菜单/页脚模板，直接在 main.html 中重写对应的块：

{% extends "main_base.html" %}

{% block navbarn %}
home
{% endblock %}

{% block content %}
blah blah
{% endblock %}

{% block footer %}
<h1>this is a footer</h1>
{% endblock %}

• 原 main.html 中的 {% end content %} 是 Django 模板语法错误，必须改为 {% endblock %}，否则会导致模板渲染失败。
• 确保 Django 的 INSTALLED_APPS 中包含了 theme 和 home 应用，且 TEMPLATES 设置中 APP_DIRS 为 True，这样 Django 才能自动找到对应应用下的模板文件。

内容的提问来源于stack exchange，提问作者Stark by Design