Static檔案的載入

Django把圖片、JavaScript、CSS看做是static files(靜態檔案)。

1. 載入CSS

建立資料夾命名static

這個資料夾應在在web app目錄下。最好在static資料夾下再建立一個資料夾，裡面放CSS檔案，這樣可以防止多個web app CSS檔案重名的問題。

在web app對應的templates下引用這個CSS。

例如，一個web app名為polls
- CSS路徑可以是 polls/static/polls/style.css .
- templates引用可以是如下樣式
路徑：polls/templates/polls/index.html

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

2. 載入圖片

在static檔案內建立image資料夾

最好在static檔案內再建立一個資料夾，裡面放圖片，這樣可防止多個app重名問題。

在CSS檔案內引用這個圖片

例如：一個web app名為polls
- 圖片路徑 polls/static/polls/image/background.gif
- CSS中引用圖片
路徑：polls/static/polls/style.css

body {
    background: white url("images/background.gif") no-repeat right bottom;
}

版本：

• Python 2.7.9
• Django 1.8.1

參考資料：