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

Question

我是 Python/Django 的新手，我正在尝试创建一个小项目。我在 Ubuntu 20.04 LTS 上运行 Python 3.8.2 和 Django 3.0.6。

我仍在开发，所以我正在使用 "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 的 head 中，我有：

{% 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">

"index.css" 位于 style 文件夹 中，它只有一个 类选择器：

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

在 html body 中，我只是尝试测试 css 加载：

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

我不知道是我忘记了什么还是哪里出了问题，我对 PYTHON/DJANGO/HTML/CSS 还是很陌生，但是 bootstrap 工作正常，favicon 以及 "index.css" 未加载，我在 Network 选项卡中检查了Chrome 开发工具。

我为任何错别字道歉，或者如果我的描述不足以完全理解问题，我也是这个社区的新发布问题。如果有人能帮我解决这个问题，我将不胜感激。

致以最诚挚的问候！

编辑： @Anoop K George，找出问题所在，这是链接属性“href”中的拼写错误，显然我没有注意到我输入了“hrel”。

Answer 1

根据 Django 约定，在静态文件夹中以应用名称创建一个文件夹，并将所有静态文件移入其中。

项目文件夹

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