2017-09-24 33 views
0

取的风格,当我试图加载从静态的我的样式表就不能获取和执行的CSS到我的项目静态CSS是不是在Django

我的文件夹进去的家onething \家\静\家 我遇到的style.css u can check folder structure in image

这里是我base.html文件

<html> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> 
    <title>{% block title %}One Thing{% endblock %}</title> 
    {% load staticfiles %} 
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.pink-purple.min.css"/> 
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster"> 
    <link rel="stylesheet" type="text/css" href="{% static 'home/style.css' %}"/> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> 
</head> 
</html> 

和我设置为去

INSTALLED_APPS = [ 
     'django.contrib.admin', 
     'django.contrib.auth', 
     'django.contrib.contenttypes', 
     'django.contrib.sessions', 
     'django.contrib.messages', 
     'django.contrib.staticfiles', 
     'home.apps.HomeConfig', 
    ] 
# Static files (CSS, JavaScript, Images) 
# https://docs.djangoproject.com/en/1.11/howto/static-files/ 

STATIC_URL = '/static/' 

但我的CSS样式表未加载。请帮我在哪里,我没有搞错

+0

它的工作结束后,刚刚清除浏览器通过CRLT + SHIFT + R –

回答

0

在你的设置,添加在你的STATIC_URL这些行:

STATIC_ROOT = '' 
STATICFILES_DIRS = (os.path.join('static'),) 

确保您的静态文件夹是项目文件夹里面

+0

由于缓存,但没有改变 –

+0

向上移动您的静态一层文件夹,然后用我的代码 – montudor

+0

@somasekhar或者你可以将'STATICFILES_DIRS'改为'(os.path.join('home/static'))' – montudor

0

首先:在这个路径中创建static文件夹(树路径):

-------manage.py 
-------db.sqlite3 
-------statiC#this si your static folder! 
-------appfolder 

:把你的CSS(或JavaScript或图像),在静态文件夹是这样的:

-----static 
---------1.css 
---------2.js 

:把这个在您的setting.py文件的底部:

STATIC_URL = '/static/' 
STATIC_ROOT = os.path.join(BASE_DIR, 'static') 

第四:叫你的模板里面的静态文件:

{% load staticfiles %} 
<link rel="stylesheet" href="src="{% static "1.css" %}""> 
<link rel="stylesheet" href="src="{% static "1.css" %}""> 

它应该工作。

注意:在文件开始时使用{% load staticfiles %}

+0

我做了你上面列出的相同。只有我没有做的事情是静态根。我补充说,但没有改变。请说明他们为什么会发生这种情况并给我一些步骤。谢谢 –

+0

你的django版本是什么?{%load staticfiles%}在旧版本中是不同的。 – 2017-09-24 15:35:24

0

您必须在yoir settings.py中指定STATICFILES_DIRS才能使静态文件生效。这种加入settings.py

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'home/static'), ] 
+0

没有工作,它和以前一样 –

+0

我已经更新了我的答案现在试试这个。 –

+0

不换兄弟 –