GitHubでCSSが反映されないときの対処法【パスを変更】

「GitHubで作ったサイトを公開したのだけど、なぜかCSSが反映されていない。」

こんな悩みを抱えている人はいませんか？

結論から話すと、CSSを読み込むパスを変更することでCSSが反映されるようになりました。

GitHubでCSSが反映されないのときの対処法

問題のある箇所は、CSSファイルを読み込むパスの記述でした。

<link rel=”stylesheet” href=”style.css” />

ローカル環境では上記のように記述をすればいいのですが、サーバー環境（GitHub）では少し記述を変更する必要があります。

これは、ローカル環境から、サーバー環境に移動することでファイルの置き場所が変わることによって、パスが変更されるからです。

ですので、パスを以下のように変更します。

<link rel=”stylesheet” href=”https://nicyan-ict.github.io/ict/style.css”/>

※<link rel=”stylesheet” href=”https://自分のGitHubのユーザー名.github.io/GitHubで付けたプロジェクト名/style.css”/>