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

41

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

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

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

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

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

github markdown

— nic
ソース

変更HTTPとの完全なパスを完全にURLとそれはあなたを取る場所を確認

— 倦怠感のうち8日

@EightDaysofMalaise：それは確かにトリックです...答えとしてこれを書いていただけますか？ドキュメントのエラーをGithubに報告しました。

— nic

ドキュメントが変更されたと思います。「画像」、「写真」、および「ロゴ」は、ページ上で言及されなくなりました。

— jww

35

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

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

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

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

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

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

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

— 8日間のE怠感
ソース

25

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

2013年1月30日の時点で、GitHubは相対リンクを許可しています。

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

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

GitHubがURLを処理する方法のため、ソースURLに？raw = trueを追加しない場合、ブラウザーは画像を表示するページの読み込みを試みます。

— クリス・モリス
ソース

更新にはsrcとしての使用も含まれますか？

— 8日間のMal怠感

1

はい、そうです。ただし、URLの最後に「？raw = true」を追加する必要があります。次に例を示します 。！[Image]（../ blob / master / public_html / img / nokia.png？raw = true）

— クリスモリス

答えを更新しました:)。

— クリスモリス

1

これは私のマークダウンファイルでは機能しますが、pandocでエラーが発生します：pandoc：TeXソースからPDFを生成中にエラーが発生しました。！LaTeXエラー：不明なグラフィック拡張子：.png？raw = true。説明については、LaTeXマニュアルまたはLaTeX Companionを参照してください。すぐにヘルプを表示するには、H <return>と入力します。？... l.175 ... 2014-04-08_Bergman2011_Fig2.png生=真}

— djhocking

2

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

あなたのimagesサブディレクトリ、先頭にスラッシュを必要としない、それはあなたの値下げファイルと同じディレクトリにありますと仮定-試してみてください。

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

の代わりに

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

— ブランネルチャイニーズ
ソース