Question

我正在弄清楚django的使用方法，这是我的第一个项目（不是本教程）。我正在尝试使用静态文件将一些CSS应用于我的html，但是我看不到html的任何更改。我试图显示图像只是为了查看CSS是否有问题，但这也不起作用。当我跑步时

python manage.py collectstatic

它正在收集我的文件，因此我知道它可以找到它们。我在做什么错了？

这是我的html文件的头部：

{% load static %}
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static 'mainpage/mainpage.css' %}">
</head>

这是我尝试加载图像的地方：

<img src="{% static 'mainpage/example.jpg' %}" alt="Example Image">

css文件（这只是主页，其他类似）：

h1 {
color: green;
}
li a {
color: green;
}
header {
  background-color: black;
}

还有我的文件结构：

abstract
|
|---mainpage
|   |
|   |--- static
|   |          |
|   |          |---mainpage
|   |          |          |
|   |          |          |---mainpage.css
|   |          |          |
|   |          |          |---example.jpg

同样，它可以找到文件，所以这不是问题。任何帮助将不胜感激。

Answer 1

您需要致电

在尝试加载静态文件之前，请先在模板中

{% load static %}。

Answer 2

我发现了问题。这是非常愚蠢的，但是我更改了base.html的位置，但是在我的文本编辑器中，我仍在旧位置“编辑”该文件，因此自然没有任何更改出现。很抱歉给您带来一个愚蠢的错误。感谢所有尝试提供帮助的人！

Django不应用css文件或显示图像

2 个答案: