我想找到一种使用Django模板继承为不同模板提供多个CSS文件的解决方案。
到目前为止,我可以使用其他应用程序模板扩展base.html模板。现在,我想为应用程序HTML模板使用单独的CSS文件(一个应用程序= 1x html,1x js,1x css)。但是,当我将模板包含到template标记中时,它将替换base.html中的css文件,并使网站崩溃。
有人如何将第二个css文件实施到扩展的html模板中,而该模板仅引用扩展部分并且不“接触” base.html?
谢谢您的指导。
扩展的html模板,该模板由于替换base.css文件而使网站崩溃:
{% extends 'templates/base.html' %}
{% load static %}
{% block head_css_site %}
<link href="{% static 'Quotes_app.css' %}" rel="stylesheet" type="text/css">
{% endblock head_css_site %}
{% block content %}
<h1>Test</h1>
{% endblock %}
{% block footer_javascript_site %}
<script src="{% static 'Quotes_app.js' %}"></script>
{% endblock footer_javascript_site %}
base.html:
{# HTML5 declaration #}
<!DOCTYPE html>
{% load static %}
<html>
{# Make modifiable head elements #}
<head>
<title>{% block title %} {% endblock title %} DASHEX </title>
{% block head_favicon %}
<link rel="icon" type="image/png" href="{{ STATIC_URL }}images/logo.jpg">
{% endblock head_favicon %}
{% block head_meta %}
{% block head_meta_charset %}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{% endblock head_meta_charset %}
{% block head_meta_contentlanguage %}
<meta http-equiv="Content-Language" value="en-US" />
{% endblock head_meta_contentlanguage %}
{% block head_meta_viewport %}
<meta name="viewport" content="width=device-width,initial-scale=1.0">
{% endblock head_meta_viewport %}
{% endblock head_meta %}
{% block css %}
{% block head_css_site %}
<link href="{% static 'base.css' %}" rel="stylesheet" type="text/css">
{% endblock head_css_site %}
{% endblock css %}
</head>
[...]
项目结构: