我已经读过很多其他人对此的解决方案,但似乎什么也做不了。我在Django中的CSS文件未连接到我的HTML。该站点运行正常,没有错误提示,但是我的CSS格式未加载。

这是我的结构:
html - 为什么我的CSS文件在Django中不起作用?-LMLPHP
这是我的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文件,但无济于事。任何帮助表示赞赏。

最佳答案

INSTALLED_APPS中的django.contrib.staticfiles是否位于settings.py中,并且DEBUG是否设置为True?

检查Django Doc's以获得有关在settings.py中将DEBUG设置为False时为什么静态文件不起作用的说明

10-05 20:45
查看更多