django模板中導入js、css等靜態文件

打開settings.py,在底部添加：

import os
     STATIC_URL = '/static/'
     STATICFILES_DIRS = (
          os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),
    ）

打開urls.py，添加：(注意，如果你在blog目錄下也建立了urls.py，那么就得在blog/urls.py中做修改。別忘了import settings)

import settings
urlpatterns = patterns('',
    url( r'^static/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }), 
)

然后將你的css，js文件以及html中引用的靜態圖片都放置在static文件夾里。
在html模板里調用：
<link rel="stylesheet" href="../../static/css/style.css" type="text/css">

注意，href就是你在static里面css等的路徑。

然后啟動python manage.py runserver
訪問http://127.0.0.1:8000/static/css/style.css
若能訪問文件，說明你css等靜態文件已經可以被django找到了，這時訪問你 的模板對應的頁面就可以發現頁面可以引用css了

 

用法

1.在settings.py中定義你的STATIC_URL：

STATIC_URL='/static/'

2.在項目中，static文件的目錄如下圖所示：

項目名：ProjetTestDjango;APP名：peojetDjango,static 文件夾在APP目錄下。

3.在settings.py中添加項目APP：

4.在HTML文件中調用：

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

 

<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}" width="36" height="36">

 

筆記用，侵歉刪