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


94

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

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

ここにあります

回答:


162

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

![Kiku](images/Kiku.jpg)

次に例を示します。

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


ありがとう!ローカル画像を使用しようとしていらいらしましたが、これでうまくいきました!

私の間違いは、間にスペース持っていた](
アンコモン

1
少なくともGithubの場合、ファイル名にスペースを
含める

5
これは通常のGithubリポジトリでは機能しますが、Gists(gist.github.com)では機能しません。
Beni Cherniavsky-Paskin 2017

1
リンクしようとしている画像の相対パスに特殊文字がある場合は、URLエンコードされていることを確認してください。
felixperreault

3

http://blog.rodneyrehm.de/archives/35-Inlusion-Data-From-Github.htmlによると、https://gist.github.com/user/605560c2961cb3025038/raw/b75d2 ...を使用する際の問題 6e8 / img.png

ことであるb75d2...6e8(クイック実験が、それはgitのブロブ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から同じ要点をレンダリングできます。

[2017年12月に更新。生のファイルとして提供されていた画像の属性の以前の問題と、少なくとも同じ要旨の画像については、画像の属性のContent-Type: application/octet-stream書き換えが発生srccamo.githubusercontent.comなくなりました。]

残念ながら、最初のURLだけを使用して、常に機能するとは限りません。

  • 現在、どちらのフォームもリダイレクトを返さず、rel = canonicalリンクを提供しません。これを変更しないようにGithubに賭けたくありません!
  • すべての内部要旨リンク(たとえば、ユーザーのページhttps://gist.github.com/cben/から)は、末尾のスラッシュを省略します :-(
  • Google検索結果の要旨では、末尾のスラッシュが省略されています:-(

(末尾のスラッシュなしで46d9536baacb7c5d196c/raw/dodgetocat_v2.pngのみ機能する相対パスを使用することもできますが、これも疑わしいアイデアであり、価値がありません。完全なURLよりも柔軟性がありません。)

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

どちらも、RawgitやBl.ocks.orgなどのContent-Typeを修正するプロキシで回避できます(Githubではなく、乱用しないでください)。残念ながら、RawgitはMarkdownをレンダリングせず、ファイルをそのまま提供するだけです。Bl.ocks.orgはマークダウンをレンダリングしますが、URL構造は相対リンクが機能しないようなものです。つまり、Markdownで完全な外部URLを参照することも、HTMLで相対URLを参照することもできます:-(

https://gist.github.com/cben/46d9536baacb7c5d196c/を参照して、要点を分岐し、そのindex.htmlを次のように表示します。


2

はい、相対リンクは私のために働いています。私は私のページをホストするために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がmarkdown相対イメージパス構文をサポートしていない場合は、htmlの方法を試してください。


HTMLの方法は機能しません。
マーク

2

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

画像をWikiリポジトリに追加してから、ブラウザをリポジトリに表示してgithubに表示させる必要がありました(そのため、URLを取得できました)。次に、マークダウンで完全なURLを使用します。しかし幸いなことに、URLは簡単に予測できます。https://github.com/*username*/*reponame*/wiki/*imagename.png*

このisseをgithubサポートに提出しました。


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