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

您的INSTALLED_APPS中的django.contrib.static文件是否在settings.py中，并且DEBUG设置为True吗？

检查Django Doc's的说明，以了解为什么在settings.py中将DEBUG设置为False时静态文件不工作的原因。

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

1 个答案: