2016-11-06 15 views
5

githubページをプッシュしたカスタマイズされたブートストラップWebサイトがあります。ローカルそれは全く問題、非常にうまく動作しませんが、オンラインのときのスタイルは厄介であり、これらのメッセージがコンソール上に表示されます。私のコードでGithubページ、bootstrap css remote:リソースの読み込みに失敗しました:サーバが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"> 

なぜローカルで動作し、リモートではないのですか? href="vendor/font-awesome/css/font-awesome.min.css" - -

+0

このような変更を加えてみてくださいhref = "〜/ vendor/font-awesome/css/font-awesome.min.css" –

答えて

2

GitHubページにJekyllを使用しているようです。 2016年11月からジキル3.3については、the vender folder is ignored

デフォルトでは、Jekyllはvendorとnode_modulesの各ディレクトリを無視します。

あなたはlibsようないくつかの名前にvenderフォルダの名前を変更し、新しいパスを参照するか、あなたのサイトに含まれるもののディレクトリが必要な場合はジキルのsuggestion

に従うことができますいずれかは、除外設定しました:[]サイトの設定ファイルに保存します。

はそれが役に立てば幸い:)

0

あなたは、CSSの持つパスがサーバー上で空でないことを確認している場合は、あなたがHTMLのhrefに~/を使用する必要がある、私は/

  1. を説明しましょう、それはサイトのルート

  2. です

    〜/ - href="~/vendor/font-awesome/css/font-awesome.min.css" -itは、アプリケーションのルートディレクトリにある

/を返す必要がありますサイトのルート(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にアップデートしたことです。私のPagesサイトにJekyllを使用していないので、Jekyllが自分のサイトを構築するのを無効にするために、私のリポジトリのルートに.nojekyllファイルを追加する必要がありました。私がそれをやった後、私のサイトは私の売り手のファイルで問題なく構築されました。

関連する問題