☰

GitHub の README.md に画像が表示されない 質問する

tag-icon • tag-icon image url github
GitHub の README.md に画像が表示されない 質問する

画像を追加しようとしていますREADME.md私のリポジトリでは、以下のマークダウンを使用しています:

![ScreenShot](https://github.com/i-saumitra/Voice-controlled-MP3-Player/blob/master/screenshot.jpg)

しかし、リポジトリにアクセスしても画像が表示されません。代わりに、画像へのリンクが表示されます。リンクをクリックすると、新しいウィンドウで画像が開きます。

相対パスの使用も試しました:

![ScreenShot](screenshot.jpg)

しかし、ページが見つからないというエラーが発生します。

画像を表示するための正しいマークダウンは何ですかREADME.md

両方README.md画像ファイルは同じパス/ディレクトリにあります。

github README.md で画像を表示する正しい方法は何ですか?

README.md ファイルの完全な内容は次のとおりです。

Voice-controlled-MP3-Player
===========================

A MP3 player which accept voice command like PLAY, PAUSE, FORWARD, etc. Using C# and Microsoft Speech API.

![ScreenShot](https://github.com/i-saumitra/Voice-controlled-MP3-Player/blob/master/screenshot.jpg)

ベストアンサー1

更新されたコンテンツ

2013 年 1 月 30 日以降、GitHub はマークアップ ドキュメント内の相対リンクをサポートするようになりました。

つまり、コードは![ScreenShot](screenshot.jpg)問題なく動作するようになります。

@Brad が指摘したように、これにより、2 つのブランチで画像が異なるが同じであるシナリオも容易になります。その場合、1 つのブランチから別のブランチに切り替えると、レンダリングされたビューで画像が動的に切り替わり、Readme コンテンツを変更する必要がありません。

GitHubが相対リンクをサポートしていなかったときの以前の回答

生のURL形式を使用する必要があります。あなたの場合は次のようになりますhttps://raw.githubusercontent.com/i-saumitra/Voice-controlled-MP3-Player/master/screenshot.jpg

つまり、正しいマークダウンは次のようになります。

![ScreenShot](https://raw.githubusercontent.com/i-saumitra/Voice-controlled-MP3-Player/master/screenshot.jpg)

これを github のファイルで使用すると、.md次の画像が表示されます ;-)

スクリーンショット

コメントに従って更新

生のものを使わなければならないと公式に文書化されている場所はどこでしょうか…どこにも見つけられませんでした

このURLフォーマットはGitHubサイトの文書化されていない機能です。つまり、後で変更される可能性があります。変更された場合は、新しいフォーマットを「再発見」するために、生画像を表示するときにボタンをクリックします。これにより、ブラウザで画像が「開きます」。URL をコピーして、Voilà!

生

注記：リポジトリはGitHubでホストされなくなりましたが、新しいものを反映するためにURLを更新しました。GitHubポリシーユーザーコンテンツに関して

おすすめ記事