2016-11-06 147 views
5

我有我自定義的引導程序網站,我推送github頁面。本地它工作得很好,一點問題都沒有,但就是在網上當風格凌亂而這些信息出現在控制檯上:Github頁面,遠程啓動css:加載資源失敗:服務器響應狀態爲404(未找到)

Failed to load resource: the server responded with a status of 404 (Not Found) https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found) 
在我的代碼

,CSS聲明如下:

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 

爲什麼本地工作,而不是遠程?

+0

嘗試改變這樣href =「〜/ vendor/font-awesome/css/font-awesome.min.css」 –

回答

2

看起來您正在使用Jekyll作爲您的GitHub頁面。至於2016年11月的Jekyll 3.3,the vender folder is ignored

默認情況下,Jekyll現在忽略vendor和node_modules目錄。

您可以在vender文件夾重命名爲一些名稱,如libs並引用新的路徑,或者按照哲基爾的suggestion

如果您需要包括在您的網站的目錄,設置排除:[]在您網站的配置文件中。

希望它能幫助:)

0

如果確定使用CSS的路徑不是在服務器上的空,你需要在HTML HREF使用~/,讓我解釋一下

  1. /- href="vendor/font-awesome/css/font-awesome.min.css" - 這是網站的根

  2. 〜/ - href="~/vendor/font-awesome/css/font-awesome.min.css" - 它是應用程序的根目錄

/應該返回該網站的根(https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css),

~/應該返回應用程序的根(https://nickname.github.io/ROOTDIR/repo/vendor/font-awesome/css/font-awesome.min.css)。

+0

你好mww,謝謝你的回答。我嘗試瞭解釋我,但沒辦法。你可以在github上看到我的代碼https://github.com/ValeC/portfolio-valentina-coletti.git – Colet

+0

@Colet我檢查你的代碼,你必須使用「〜/」或「./」,它必須工作正常。 –

+0

不工作:-( – Colet

3

謝謝大家。問題在於最近Github更新爲Jekyll v3.3,默認情況下忽略了出售文件。由於我沒有使用Jekyll作爲我的網站,我不得不向我的存儲庫的根目錄添加一個.nojekyll文件,以禁止Jekyll建立我的網站。一旦我做到了這一點,我的網站建立與我的暢銷文件沒有任何問題。

相關問題