GitHub Pagesのウェブサイトのレンダリングはローカルではありませんが、サーバー上にはありません

Question

私はhttps://kajalv.comに個人的なウェブサイトを開発しています。私は今、いくつかの変更を加え、彼らはローカルでよく見えます。 （また、リポジトリをダウンロードしてindex.htmlを開いても問題ありません）。しかし、マスターリポジトリhttps://github.com/kajalv/kajalv.github.ioにプッシュすると、CSSが失われているようです。

例えば、これは、局所的に動作しますが、変更が実際のサイトに表示されていない - 段落のフォントの色を黒に設定されている同様

#contactContainer img 
{ 
    height: 80px; 
    width: 80px; 
    border-radius: 50%; 
    opacity: .5; 
    border: 2px solid black; 
    box-shadow: 5px; 
    margin-bottom: 40px; 
} 

、この変更がサイトに反映されません。

.eduInfo p 
{ 
    color: black; 
} 

別の問題は私のfaviconです。私はindex.htmlファイルをローカルで開くが、実際のサイトでは見えない。私はこのコードを使って設定しました。

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 

私がコミットされていない変更があったかどうかを確認するためにチェックし、どれもありませんでした：

On branch master 
Your branch is up-to-date with 'origin/master'. 
nothing to commit, working directory clean 

は、私はそのような変更の数を持っているが、私は彼らがすべて同じ問題があると仮定しています。何が問題なの？私の変更を非常にゆっくり使っているGitHub Pagesでこれが問題になるのでしょうか？

Answer 1

私はあなたの最後のコミットを見てきました。あなたのページでこれらの変更を見ることができます。私はページ上のレポにあなたが持っているfaviconも見ることができます。

変更がGHページではなくローカルで正しく動作している場合は、ちょっと時間を置いてください。それはキャッシングの問題です。通常、GHページの更新には数分かかります。また、ブラウザのキャッシュを空にしてみることもできますが、ChromeでDev Tools - > Application - > Clear storage - > [Check everything] - > [Clear site data]を開くことができます。または、Dev Toolsを開いた状態で、リフレッシュボタンを右クリックして、Empty Cache and Hard Reloadを選択します。

[ネットワーク]タブで[キャッシュを無効にする]をオンにすると、すべての場合にキャッシュがクリアされるわけではないので、この機能のみに依存しないでください。

これでうまくいかない場合は、プライベートブラウジングモードを試しますが、更新の間にセッションを閉じて、キャッシュがクリアされていることを確認してください。

P.S：あなたのページには、本当にクールな、素晴らしい仕事を探します:)

Answer 2

あなたのサイトをチェックして、あなたがリストしたすべてのCSSが正しく表示されていました。あなたのブラウザの問題であれば、単にcssファイルをキャッシュすることができます。その場合は、ハードリフレッシュ（Mac Chromeの場合はcmd-shift-r、Ctrl + & Windowsの場合はrefreshをクリックしてください）を修正します。

私の経験では、GitHubのページを更新するのに数分かかることがあります。