Django 的新手。尝试查看有关如何加载 css 文件但无法正常工作的教程

Question

我在运行服务器上看到的网站没有 CSS，只有 HTML。到目前为止，我了解到您将 CSS 文件保存在项目目录下的静态文件夹中。我在 templates 文件夹中有一个 Html 模板，当我从 views.home 加载它时它工作得很好。在 HTML 文件中，我在文档顶部有 {% load staticfiles %}，是的，我已经在设置中检查了我安装的应用程序中的 'django.contrib.staticfiles'。此外，在 HTML 文档中，我在 href 属性中添加了 {% static 'style/style.css' %} ，这是静态文件夹下的文件夹名称。

<!DOCTYPE HTML>
{% load staticfiles %}
<html>

<head>
  <title>night_sky_2</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=windows-1252" 
/>
  <link rel="stylesheet" type="text/css" href="{% static 'style/style.css' 
  %}" />
</head>

Answer 1

看来您在 html 模板中加载静态文件是正确的。您在 settings.py 中完成此配置了吗？

STATIC_URL = '/static/'
STATIC_ROOT = 'static'

我在该文档中读到，{% loadstatic %} 已按 {% load static %} 完成。

参见：django docs about sttic files

Answer 2

我终于找到了解决办法。我所要做的就是添加这个：

STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
'DjangoProjects\Sample\website\static'
)

在设置里也动了：

{% load staticfiles %}

到 HTML 文档的最顶部，而不是下面。一开始我把它放在下面是因为它没有给出一条红线，在我看来似乎没有错误。

Answer 3

它比您想象的要容易，但几乎每个人第一次都弄错了。几天前在 DjangoCon Europe 上有一个关于它的闪电谈话：https://youtu.be/eEZYDDaDeCs?t=29m50s

Django 的新手。尝试查看有关如何加载 css 文件但无法正常工作的教程

New to Django. Tried looking at tutorials on how to load css files and not working

html

css

python

django

django-staticfiles