如何将静态css加载到django模板中

时间:2015-04-20 23:05:31

标签: python django

我只是django的新手。刚刚学习。想知道如何最好地将css加载到django模板中。使用django 1.8在django-env中工作

那么,我是怎么尝试的 settings.py

STATIC_URL = '/static/'    
STATICFILES_DIRS = (
    ('static', '/home/djangoenv/bin/mysuperapp/static'),
)

my_template

{% load staticfiles %}

<!DOCTYPE>
<html>
    <head>
        <title>Django</title>
        <link rel="stylesheet" type="text/css" href='{% static "/css/foundation.css" %}'>
    </head>
    <body>
        <h1>Django</h1>
    </body>

</html>

在这种情况下,我在Chrome控制台中没有加载css和警告消息:

Resource interpreted as Stylesheet but transferred with MIME type
text/html: "http://127.0.0.1:8000/css/foundation.css".

1 个答案:

答案 0 :(得分:1)

删除'static'

中的STATICFILES_DIRS
STATICFILES_DIRS = (
    '/home/djangoenv/bin/mysuperapp/static',
)

static会创建单独的命名空间,因此您必须调用{% static "static/css/foundation.css" %}

并使用static templatetag而不使用斜杠:{% static "css/foundation.css" %}