web-dev-qa-db-ja.com

要旨のマークダウンファイル内の画像への相対リンクを作成することは可能ですか？

マークダウンファイルと画像を含むGistがあります。

この画像への相対リンクを行う方法はありますか？ ![My image](image.png)の代わりに![My image](https://Gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)のようなもの

例

githubmarkdowngist
71
alienlebarge

現時点では、リポジトリとWikiの両方で、相対画像リンクが機能しています。私はこのような構文を使用しています：

![Kiku](images/Kiku.jpg)

以下に例を示します。

https://github.com/mark-anders/relative-image-url

130
markand

http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html によると、 https://Gist.github.com /user/605560c2961cb3025038/raw/b75d2...6e8/img.png

_b75d2...6e8_部分はファイルごとに異なるということです（簡単な実験により、それがgit blob idであることを確認しています）。ただし、その部分をドロップして、最新バージョンを指すURLを作成できます。

_https://Gist.github.com/user/605560c2961cb3025038/raw/img.png
_

または実際の例を取り上げます：

_https://Gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png
_

相対パス？

これは、相対パス_raw/dodgetocat_v2.png_としても機能します！
ただし、（2017年後半の時点で）githubは2つのURLから同じGistをレンダリングできます。

[2017年12月に更新。生ファイルの以前の問題は_Content-Type: application/octet-stream_として機能し、画像のsrc属性を_camo.githubusercontent.com_に書き換えることは、少なくとも同じGistの画像では発生しなくなりました。

残念ながら、最初のURLを使用して常に動作することを信頼することはできません。

（相対パス_46d9536baacb7c5d196c/raw/dodgetocat_v2.png_を使用することもできますが、これはwithout末尾のスラッシュだけになりますが、これは疑わしい考えであり、価値はありません。実際には完全なURLよりも柔軟性がありません。）

プロキシを使用していますか？

両方とも、Content-Typeを修正するプロキシで回避できます。 RawgitまたはBl.ocks.org（Githubによるものではなく、乱用しないでください）。残念ながら、RawgitはMarkdownをレンダリングせず、ファイルをそのまま提供し、Bl.ocks.orgはmarkdownをレンダリングしますが、URL構造は相対リンクが機能しないようなものです。これは、Markdownで完全な外部URLを参照するか、HTMLで相対URLを参照できることを意味します:-(

---（https://Gist.github.com/cben/46d9536baacb7c5d196c/ Gistから分岐し、そのindex.htmlを表示：

3
Beni Cherniavsky-Paskin

いいえ、マークダウンからの画像への相対URLは機能しないため、長く静的なURLを使用する必要があります。

https://Gist.github.com/mattborn/c346c8689a5eaf86e82

ただし、一部のファイルへの相対URLは機能します。

http://bl.ocks.org/mattborn/c346c8689a5eaf86e82

1
Matt Born

はい、相対リンクは機能しています。 pancake.ioを使用してページをホストしています。 http://pancake.io/2c8aa8/topics/cpp/cpp.md

そのページの画像はcppフォルダーにあります。

最初の画像に使用されるマークダウンコードは

![C++ Var Types](basic_cpp_var_types.png)

2番目の画像に使用されるマークダウンコード（実際にはhtml）は

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

注：要点を逃しました。 Gistがマークダウン相対画像パス構文をサポートしていない場合は、HTMLの方法を試してください。

1
Kaushal Modi

今すぐテストしました... github wikiで相対URLを使用できませんでした。

wikiリポジトリに画像を追加し、リポジトリをブラウザして、githubに表示させなければなりませんでした（URLを取得できました）。次に、マークダウンで完全なURLを使用します。しかし幸いなことに、URLは簡単に予測できます：https://github.com/*username*/*reponame*/wiki/*imagename.png*

この記事をgithubサポートに送信しました。

1
xero