2017-09-24 58 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

不換兄弟 –