为什么Django项目中加载了bootstrap，而我的CSS文件没有加载？

Question

我是新来的 PythonDjango 我正在尝试创建一个小项目。我正在运行 Python 3.8.2 和 Django 3.0.6 在 Ubuntu 20.04 LTS.

我还在开发中，所以我正在测试和运行网页与 "python manage.py runserver" (debug=True). 我有一个非常困难的时间 试图加载我自己的。CSS 式。

项目是这样组织的。

PROJECT FOLDER
|   --virtualenv
|   --media
|   --myproject
|   --myapp
    |   --migrations
    |   --templates
        |   --myapp
    |   --static
        |   --favicon
        |   --style
        |   --vendor
            |   --bootstrap
            |   --jquery
|   --templates
    |   --parcials

我在我的 "settings.py" (这是在 "myproject" 文件夹）相关的 静态文件:

INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',
    ...
]

STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(
    BASE_DIR, '/myapp/static'), )
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

在 脑袋 的 html 呈现的，我有。

{% load static %}
...
<link href="{% static 'favicon/favicon.ico' %}" rel="shortcut icon">
<link href="{% static 'vendor/bootstrap/css/bootstrap.css' %}" rel="stylesheet">
<link href="{% static 'vendor/bootstrap/css/theme_1564087106285.css' %}" rel="stylesheet">
<link hrel="{% static 'style/index.css' %}" rel="stylesheet" type="text/css">

The "index.css" 是在 文具夹 而它只有一个 选课器:

.style-v1 {
  font-size: x-large;
  background-color: blue;
}

在 html正文我只是想测试一下 css 加载与。

<div class="style-v1">
    CSS loading test
</div>

不知道是我忘记了什么，还是有什么不对，我还在新鲜的 PYTHONDJANGOHTMLCSS但是 引导性 运作良好，以及 图标和 "index.css" 没有加载，我在 网络 列表 Chrome开发工具.

我为任何错别字道歉，或者如果我的描述不足以完全理解这个问题，我也是这个社区的新帖问题。如果有人能给我一盏灯来解决这个问题，我完全感激。

我最好的问候!

EDIT:@Anoop K George，搞清楚问题了，是链接属性 "href "打错了，显然我没有注意到我打的是 "hrel"。

Answer 1

根据Django的惯例，在你的应用程序名称中创建一个静态文件夹，并将所有的静态文件移入其中。

项目文件夹

|   --virtualenv
|   --media
|   --myproject
|   --myapp
    |   --migrations
    |   --templates
        |   --myapp
    |   --static
        |   --myapp
          |   --favicon
          |   --style
          |   --vendor
            |   --bootstrap
            |   --jquery
|   --templates
    |   --parcials