Githubページに画像が表示されませんか？

Question

Githubプロジェクトにプロジェクトサイトを追加しました。しかし、一部の写真はサイトに表示されていません。

Imgコード：

<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>

フォルダー構造（imgはフォルダーです）：

img
    Screenshot2.png
index.html

.pngおよび.PNG（以前のいくつかのSO回答が示唆した）およびそれらのどれも動作しません

解決策はありますか？

Answer 1

気にしないで、私はそれを解決しました。

誰にも同じ問題がある場合。

GitHubページでは大文字と小文字が区別されます。フォルダだけでなく、画像名にも使用できます。

Answer 2

見たものを書いてください。

Screenshot2.png。小文字のpngと先頭に大文字のSがあります。

Answer 3

GithubでWebサイトをホストしているときに、同じ問題に直面しました。画像ファイルはローカルに.jpg拡張子として（小さな文字で）保存され、正常に機能していました。同じものをgithubにプッシュしました。それはうまくいきませんでした。

画像の元の拡張子であるため、拡張子を.JPG（大文字）に変更する必要がありました。Githubページでは、アップロードするファイルの名前の大文字と小文字が区別されます。

Answer 4

今日はこの問題がありました。私はそれを解決しました：

• 画像のCase Sensitiveを再確認します（つまり、Screenshot.pngはScreenshot.PNGまたはscreenshot.pngと同じではありません）
• 画像のPATHを再確認してください。私のために;それは../img/myImg.jpgでしたが、プロジェクトの現在のディレクトリを指すように./img/myImg.jpgに変更しました

上記の2つの問題を修正した後、問題なく機能しました。

Answer 5

@dnivogが述べたように、GitHubのサーバーはファイルの更新に少し時間がかかります。

上記のいずれでも問題が解決しない場合は、しばらくしてからもう一度確認してください。 ⏳

Answer 6

ファイルのHTMLコードの「img」タグの「src」属性に、githubリポジトリから「イメージリンクアドレス」を配置して試すことができます。

Answer 7

私のラップトップには「assets」という名前のフォルダーがありましたが、Githubにプッシュすると「Assets」になりました。 Githubページで画像を表示できるように、HTMLで変更する必要がありました

私のラップトップのレポ：

GitHubのレポ：