gentelella for django 无法识别 custom.css 上的更改

Question

我正在尝试为 django 应用 gentelella bootstrap 模板，所以我将 app 目录复制到我自己的 django 项目中。我正在使用一些现成的 html 模板，因此我将它们复制到适当应用程序的 templates 目录中，但我将所有静态内容保留在 app 目录中。问题是当我修改 app/static/build/css/custom.css 文件时，因为 html 文件没有反映更改。

在这种情况下，我将新的 class yellow 添加到 custom.css 文件中，并将 class 添加到 [=21= 中的某些对象中] 文件，但文本的颜色没有改变。

这是django项目目录树：

├── Attractora
│   ├── ActorsManagerApp
│   │   ├── __init__.py
│   │   ├── admin.py
│   │   ├── apps.py
│   │   ├── migrations
│   │   ├── models.py
│   │   ├── templates
│   │   │   └── ActorsManagerApp
│   │   │       ├── index2.html
│   │   │       └── profile.html
│   │   ├── tests.py
│   │   ├── urls.py
│   │   └── views.py
│   ├── Attractora
│   │   ├── __init__.py
│   │   ├── settings.py
│   │   ├── urls.py    
│   │   └── wsgi.py
│   ├── app
│   │   ├── __init__.py
│   │   ├── __init__.pycn-36.pyc
│   │   ├── admin.py
│   │   ├── admin.pyc
│   │   ├── apps.py
│   │   ├── migrations
│   │   ├── models.py
│   │   ├── static
│   │   │   └── build
│   │   │       └── css
│   │   │           └── custom.css
│   │   ├── templates
│   │   │   └── app
│   │   │       └── base_site.html

这是 custom.css 文件。 yellow class 是我加的

.blue {
    color: #3498DB
}
.purple {
    color: #9B59B6
}
.green {
    color: #1ABB9C 
}
.aero {
    color: #9CC2CB
}
.red {
    color: #E74C3C
}
.yellow {
    color: #F1C40F
}

这是 index2.html 文件，我在其中将新的 yellow class 分配给一个对象。

  <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
      <div class="tile-stats">
        <div class="icon"><i class="fa fa-info-circle yellow"></i></div>
        <div class="count yellow">179</div>
        <h3><span class="yellow">Attention</span></h3>
        <p>Tasks about to start or finish.</p>
      </div>
    </div>
    <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
      <div class="tile-stats">
        <div class="icon"><i class="fa fa-warning red"></i></div>
        <div class="count red">179</div>
        <h3><span class="red">Late</span></h3>
        <p>Tasks already due to start or finish.</p>
      </div>
    </div>

这是 base_site.html 文件，其中包含 custom.css 文件：

    <!-- Custom Theme Style -->
    <link href="/static/build/css/custom.css" rel="stylesheet">

我不知道为什么，但我的 html 无法识别我对 custom.css 所做的任何更改。

Answer 1

In Django 1.10 及以上仅 {% load static %} 在您的模板顶部。

然后

<link href="{% static 'build/css/custom.css' %}" rel="stylesheet">

并确保您在开发服务器中提供静态文件。

# Attractora/Attractora/urls.py
if settings.DEBUG:
    from django.contrib.staticfiles.urls import staticfiles_urlpatterns
    urlpatterns += staticfiles_urlpatterns()

gentelella for django 无法识别 custom.css 上的更改

gentelella for django doesn't recognize changes on custom.css

python

html

css

django

gentelella