63

以下のマークダウンを使用して、リポジトリの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)
4

11 に答える 11

86

更新されたコンテンツ

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

これは、コード![ScreenShot](screenshot.jpg)が問題なく機能することを意味します。

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

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

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

これは、正しいマークダウンが次のようになることを意味します

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

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

ScreenShot

コメントに続いて更新

生で使用する必要があることを公式に文書化したものはどこにありますか...どこにも見つかりませんでした

このURL形式は、GitHubサイトの文書化されていない機能です。これは、後で変更される可能性があることを意味します。その場合は、新しい形式を「再検出」するために、画像を表示するときに[ Raw ]ボタンをクリックしてください。これにより、ブラウザで画像が「開き」ます。URLとVoilàをコピーしてください！

生

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

于 2012-08-11T18:16:43.100 に答える
0

ちなみに、reStructuredText を使用する場合は、次のように使用します。

.. image:: /screenshots/latest.png?raw=true
于 2016-05-04T15:47:43.217 に答える