web-dev-qa-db-ja.com

GitHubリポジトリに画像を挿入して表示するためのマークダウン

GitHubドキュメント によると、画像を挿入するためのMarkdown構文は次のとおりです。

![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)

それらの例の構文に従って、私はそれを機能させることができないようです。

GitHubロゴの例でも機能しません。

私は何が欠けていますか?それともGitHubのバグですか?

41
nic

Markdownファイルに含める画像へのフルパス/場所が欠落している可能性があります。

指定された例は、イメージがファイルと同じサーバー上にある相対パスです。ヘルプでは、画像が実際にあると仮定します:

https://github.com/images/logo.png

しかし、それは有効なファイルまたは場所ではありません。

どこから見ても画像をレンダリングできるようにするには、ドメイン名を含む完全なURLを含める方が安全です。

したがって、代わりに次のような例を使用します。

![Bilby Stampede](http://example.com/images/logo.png)
35

上記の回答に対する回答:

2013年1月30日現在、 GitHubは相対リンクを許可しています

ただし、URLの最後に?raw = trueを必ず追加してください。以下に例を示します。

![Image](../blob/master/public_html/img/nokia.png?raw=true)

GitHubがURLを処理する方法により、ソースURLに?raw = trueを追加しない場合、ブラウザは画像を表示するページをロードしようとします。

25
Chris Morris

URLでのみ表示可能な場所にプッシュする前に、Markdownをローカルでテストするのが好きです。したがって、どこでも使用できる相対URLが必要です。 GitHubはこれらをサポートするようになりました。

imagesサブディレクトリは、Markdownファイルと同じディレクトリにあると仮定すると、先頭にスラッシュは必要ありません。試してください:

markdown ![GitHub Logo](images/logo.png)

の代わりに

markdown ![GitHub Logo](/images/logo.png)

2
brannerchinese