GithubのMarkdownファイルに画像を表示するにはどうすればよいですか?


82

GithubのMarkdownファイルにいくつかの画像を表示したいと思います。私はそれがこのように機能することを発見しました:

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

しかし、私は他の人と協力する必要があるので、ユーザー名とリポジトリ名をハードコーディングしたくありません。

私はこれを使おうとしました:

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

ローカルディスクでは機能しますが、Githubでは機能しません。

この問題について知っている人はいますか?

回答:


139

私は自分で答えを見つけました。

画像のURLに?raw = trueを追加するだけで、トリックができます。

![](images/table 1-1.png?raw=true)

2
これは、GitHubで直接Markdownファイルを表示する場合は機能しますが、プロジェクトのメインページに表示されるREADME.markdownファイルでは機能しません。
jmohr 2012年

@jmohrメインページのREADMEファイルは例外として扱うべきだと思います。
woooHaaaa 2012年

これは、メインページのREADMEファイルで機能しました。
マイクグレース

1
Githubは、を使用してもSVGを許可しませんrawstackoverflow.com/questions/13808020/…–
Yeo

20

同じ問題が発生しましたが、URLのスペースが原因であることが判明しました。スペースを%20修正したとおりに手動でURLエンコードします。

だからあなたの例を使って私は変更しました:

![](images/table 1-1.png)

に:

![](images/table%201-1.png)

編集:私はこれについてgithubに尋ねましたが、 Markdownをレンダリングするための新しい仕様移行して以来、予想される動作です。URIをオプションの画像タイトルから分離するためにスペースが使用されるようになったため、仕様ではURI内のスペースを明示的に禁止しています。仕様の関連部分はここにあります:

https://github.github.com/gfm/#example-471- 先のとがった角かっこで囲まれていても、宛先にスペースや損益分岐点を含めることはできません

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.