Django1.11下呼叫CSS檔案
阿新 • • 發佈:2019-02-11
程式碼環境:Django 1.11 (Python 3.6.1)
程式碼檔案結構:
-- my
|-- myblog
|-- templates
|-- myblog
|-- index.html
|-- __init__.py
|-- admin.py
|-- apps.py
|-- models.py
|-- tests.py
|-- urls.py
|-- views.py
|-- my
|-- __init__.py
|-- setting.py
|-- urls.py
|-- wsgi.py
|-- static
|-- css
|-- buttons.css
|-- db.sqlite3
|-- manage.py
1. 在settings.py程式碼末尾新增
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static').replace('\\', '/'),
)
2.
根目錄下建立資料夾static,再在static下建資料夾css,將需要呼叫的css檔案拷入。
3. 在index.html中<head>部分內新增
{% load staticfiles %}
<link href="{% static 'css/buttons.css' %}" type="text/css" rel="stylesheet">
其中 {% load staticfiles %} 是Django中讀取靜態檔案必須新增的部分。
4. 呼叫成功,直接在部件中新增“id”或“class”。