0

私はGithub.ioによってホストされた簡単なウェブサイトをオンラインで読み込もうとしています。しかし、HTML & CSSスクリプトのトラブルシューティングとデバッグの無駄な努力の後、私のウェブは、CSSファイルを本当に不思議で非常に迷惑な理由で必要に応じてロードできませんでした。CSS - リソースを読み込めませんでした:サーバーは404()のステータスで応答しました

誤解しないでください。私は私が最初にそれを置くように私のCSSファイルが絶対パスではなく相対パスに置かれている誓う

  1. 、それが原因だ場合、私は自分自身を粉砕しますエラー。
  2. しばらくしてもわかりませんでしたが、stackoverflowに投稿された同様の問題や関連する問題を調べましたが、アクセス許可が理由である可能性がありますが、CSSファイル

のchmod -R 777

しかし、私はそれは、コマンドは効果がありませんだけでなくcuzを解決する表示されていない、と私はルートレベル the file is not at the root level

でそれを実行していませんでし
  1. ChromeとSafariの両方でこのWebを検査しましたが、style.cssはロードできないため空白です。 enter image description here

ここで、私はあなたの「魔法」の助けを待つためにこれを保持しています。助けてくれてありがとうございました。私はすでにそれを修正しようと努力しましたが、仕事はしませんでした。 ファイルがロードされていないHTMLリンクのタグ行を次に示します。

<head> 
.... 

    <link rel="stylesheet" href="./_css/style.css"> 
</head> 
+1

私たちがこの情報とスクリーンショットだけで助けてくれるとは思わないでしょうか。 HTMLファイルとCSSファイルへのリンクを提供できますか? –

+0

私の答えはおそらく、ホスト上の実際のファイル構造ではなく、Chrome/Safariで動作していないことに基づいている可能性があります。そうであれば、もっと情報が公開されたときに私の答えをより有用なものに更新します。 –

答えて

1

あなた_cssディレクトリがルートにある場合は、あなたのCSSのリンクはスラッシュで開始する必要があります:

<link rel="stylesheet" href="/_css/style.css"> 

しかし、あなたのディレクトリ_cssを命名することは問題がある可能性があります。デフォルトの扱いをあなたのサイトによるGithub Pages私はあなたが2つのオプションがあると思うあなたのファイルを処理Jekyllウェブサイト、などとdoes not publish files/directories having _ prefix.

:あなたはジキルを知らないと、作成されていない場合は

  • をジキルのサイトで、ルートに.nojekyllbypass Jekyll processingという名前のファイルを置きます。
  • ディレクトリ名を_cssからcssに変更し、<link>タグも変更してください。
+1

はい、私はジキルに真剣に触れていません。私はこれを試してみましょう。 @juzraaiに感謝 – Goldie

+1

あなたは今日の救い主です!!その修正だけでなく、あなたの説明から重要なことを学びました。ジキル処理をバイパスするトリックはすごくいいです! – Goldie

+0

お世話になりました。 :)またサイドノート:ジキルに慣れ親しむことを強くお勧めします。静的なウェブサイトの作成に多くの助けになります。 :) – juzraai

関連する問題