2012-02-11 65 views
1

我看了到處都是,但還沒有發現類似這樣的問題。Django靜態文件 - 檢測到圖像但不是css

我想在Django中做一個簡單的項目,但有一個靜態文件的問題。我在STATIC_DIRS元組中放置了兩個文件夾,並使用collectstatic命令將它們收集到/ static /文件夾中。問題是我所包含的css文件沒有404錯誤,但它並沒有顯示在chrome的開發者工具中,也沒有以任何方式影響網頁。

編輯: 我在開發服務器上,我將css文件包含在模板中。我不知道項目的哪些部分是可疑的,因爲css文件不會產生錯誤。我知道Django正在靜態目錄中找到,因爲如果我更改了css文件的名稱,我會得到一個404。這是我的settings.py文件,並將它包含在模板中。

https://github.com/Ballaw/Twithub/blob/master/Twithub/settings.py https://github.com/Ballaw/Twithub/blob/master/Twithub/assets/templates/base.html

你可以在這裏找到的文件的項目。 https://github.com/Ballaw/Twithub

任何幫助將不勝感激!

已解決:在鏈接標籤中包含css文件時,請確保rel字段設置爲樣式表而不是樣式表/ css。主要的道具Bootvis發現這一點。

+1

我的意思不是粗魯,但你不能指望人們拖着你的項目去嘗試爲你修復它。張貼您的設置的相關部分。您是否在生產或開發服務器上,即通過django或網絡服務器將文件作爲服務器。你是如何在模板中加入CSS的? – 2012-02-11 19:08:01

+0

我並不期待任何人通過我的東西苦苦思索。我希望這是一個人遇到的問題,他們可能需要瀏覽一些東西來確認。 – ballaw 2012-02-11 20:11:51

+0

我已更新我的答案,並讓它在我的個人服務器上工作。你介意編輯你的問題是否更爲一般,以便其他用戶也可以使用它?我正在考慮只顯示你的html的頭部分,並提到w-get文件確實有效。這樣說的答案就是:修正你的'link'標籤。 我很驚訝Chrome(和Firefox)對內容非常嚴格,我猜其他人會發現問題和答案很有用。 – 2012-02-12 12:50:16

回答

1

看來問題出在link-標籤。這

<link rel="stylesheet/less" type="text/css" 
    href="{{ STATIC_URL }}css/bootstrap.css">` 

應該是:

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/bootstrap.css"> 
+0

我以爲肯定會這樣,但更改爲CSS後沒有運氣。 wget成功了,所以現在我更加困惑了。清除瀏覽器的緩存也沒有幫助。 – ballaw 2012-02-12 00:39:14

1

這也有可能是您的瀏覽器只是緩存舊的css文件 - 它是如何進行更改之前。嘗試清除瀏覽器的緩存或使用其他瀏覽器,看看它是否有所作爲?