html - 为什么我的 CSS 文件在 Django 中不起作用？

Question

我已经阅读了很多其他人对此的解决方案，但似乎没有任何效果。我在 Django 中的 CSS 文件没有连接到我的 HTML。该网站运行良好，没有出现任何错误，但我的 CSS 格式没有加载。

这是我的结构: 这是我的 CSS 文件:

.pagination {
    text-align: center;
    margin-top: 1em;
}

.pagination-number {
    padding: 0.5em 0.8em;
    border-radius: 2px;
    color: #fff;
    background-color: #6D85C7;
}

.pagination-number:hover, .pagination-current {
    background-color: #3354AA;
}

.pagination-action {
    margin: 0 0.1em;
    display: inline-block;
    padding: 0.5em 0.5em;
    color: #B9B9B9;
    font-size: 1.3em;
}

.pagination-action:hover, .pagination-previous, .pagination-next {
    color: #3354AA;
}

.ui-menu .ui-menu-item a{
    font-size: 10px;
    color: #96f226;
    border-radius: 0px;
    border: 1px solid #454545;
}

我将 CSS 文件加载到我的 HTML 文件 (policy_list.html) 中:

{% load static %}
   
<link rel="stylesheet" href="{% static 'css/blog.css' %}" type="text/css" />

...

 <div class="pagination">

              {% if policies.has_previous %}
                <a class="pagination-action" href="?page=1">
                 <i class="fa fa-angle-double-left" aria-hidden="true"></i>
                </a>
                <a class="pagination-action" href="?page={{ posts.previous_page_number }}">
                  <i class="fa fa-angle-left" aria-hidden="true"></i>
                </a>
              {% endif %}

              {% for num in policies.paginator.page_range %}

                {% if policies.number == num %}
                <span class="pagination-number pagination-current">{{ num }}</span>
                {% elif num > policies.number|add:'-3' and num < policies.number|add:'3' %}
                <a class="pagination-number" href="?page={{ num }}">{{ num }}</a>
                {% endif %}

              {% endfor %}

              {% if policies.has_next %}
                <a class="pagination-action" href="?page={{ policies.next_page_number }}">
                  <i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
                <a class="pagination-action" href="?page={{ policies.paginator.num_pages }}">
                  <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                </a>
              {% endif %}

            </div>

但是当我运行我的 Django 站点时，这个 CSS 文件没有被加载。作为引用，这是我的 settings.py 文件:

STATIC_URL = '/static/'

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

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

我不明白为什么 CSS 不能与 HTML 一起使用。我也试过弄乱 urls.py 文件，但无济于事。任何帮助表示赞赏。

Answer 1

settings.py 中的 INSTALLED_APPS 中的 django.contrib.staticfiles 是否设置为 True？

检查 Django Doc's有关在 settings.py 中将 DEBUG 设置为 False 时静态文件为何不起作用的解释