是否有可能使相对链接到图像在一个标记文件在一个要点？

我得到了一个大意，其中包含一个标记文件和一个图像。

有没有办法做一个相对链接到这个图像？ 像是 ![My image](image.png)而不是 ![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

这里是 一个例子

107480 次浏览
小开

是的，相关链接正在为我工作。我正在使用 pancake.io 托管我的页面。 Http://pancake.io/2c8aa8/topics/cpp/cpp.md

该页面上的图像位于 cpp文件夹中。

第一个图像使用的标记代码是

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

第二个图像使用的标记代码(实际上是 html)是

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

注意: 我错过了 gist 部分。如果 gist 不支持相对图像路径语法，请尝试 html 方法。

小开

刚刚测试过。 我无法在 github 维基上使用相对网址。

我必须添加图片到 wiki 回购，然后浏览回购，并让 github 显示给我(这样我就可以获取网址)。然后使用完整的网址在减价。但幸运的是，网址很容易预测: https://github.com/*username*/*reponame*/wiki/*imagename.png*

我把这个提交给了 Github 支持。

小开

不，相对于一个图片的网址从减价不起作用，所以你必须坚持使用长的，静态的网址:

Https://gist.github.com/mattborn/c346c8689a5eaf86e823

然而，某些文件的相对 URL 可以工作:

Http://bl.ocks.org/mattborn/c346c8689a5eaf86e823

小开

根据 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 可以从两个 URL 呈现相同的主旨:

[更新于2017年12月。以前的原始文件作为 Content-Type: application/octet-stream和将图像的 src属性重写为 camo.githubusercontent.com的问题不再发生，至少对于来自同一要点的图像不再发生。]

唉，我们不能仅仅使用第一个 URL 并且相信它总是可以工作。

  • 当前既不返回重定向，也不提供 rel = canonical 链接。我不敢打赌 Github 永远不会改变这一切！
  • 所有内部要点链接(例如来自用户页面 https://gist.github.com/cben/)都省略了后面的斜杠:-(
  • 谷歌搜索结果中的要点省略了后面的斜杠:-(

(您可以使用相对路径 46d9536baacb7c5d196c/raw/dodgetocat_v2.png，它只能使用 没有后面的斜杠，但这也是一个值得怀疑的想法，并且不值得这样做ーー不比使用完整 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/脱离了你的要点, 及其 index.html 浏览地址:

小开

到目前为止，相关的图片链接对我来说都很有用，不管是在知识库还是在 wiki 上。我使用的语法是这样的:

![Kiku](images/Kiku.jpg)

这里有一个例子:

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


提交答案