Skip to main content
 首页 » 编程设计

python之如何将静态CSS加载到django模板中

2025年05月04日34arxive

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

所以,我正在努力

设置.py

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

我的模板

{% 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". 

请您参考如下方法:

删除 STATICFILES_DIRS 中的 'static'

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

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

并使用不带前导斜杠的 static 模板标签:{% static "css/foundation.css"%}。