开发服务器无法查看 CSS 文件 | Django

开发服务器无法查看 CSS 文件 | Django

好的,作为使用 VSC 的 Python 和 Django 学生,因此,为了不在这里精神崩溃,其他 VSC 用户究竟如何将 CSS 文件导入他们的 HTML/PHP 文档中?

这显然是服务器问题(这就是为什么会在这里发布而不是 Stack Overflow),因为就我而言,我的代码是正确的。

  1. base.html创建了一个 HTML 文档,并指定了文件名,将其添加{% load static %}到该文档的顶部。然后我又创建了一个 HTML 文档,并将其添加{% extends 'base.html' %}到顶部。
  2. 在根目录中创建一个static文件夹,在其子目录中css创建一个 CSS 文档,文件名为main.css
  3. 进入设置,添加STATICFILES_DIR = [BASE_DIR / "static"]并确认STATIC_URL = "static/"存在
  4. 确认基目录和路径目录为BASE_DIR = Path(__file__).resolve().parent.parent
  5. 确认所有这些后,我进入 HTML 文档并以以下方式上传样式表,<link rel="stylesheet" href="{% static 'css/main.css' %}">当我从浏览器检查文档时可以看到该样式表。

然而,尽管如此,服务器仍然完全忽略了任何 CSS 文档,作为测试,我将标签设置<body>为不同的background-color低调。我没有看到任何蓝色阴影。

我真的很困惑,尽管我严格按照文档操作,但结果却不一样。正如我之前所说,这显然是服务器问题,因为除非我疯了(考虑到我必须使用 VSC,这并不奇怪),否则我看不出我在这里做错了什么。

路径构建

HTML 文档

检查元素

Python 设置

相关内容