Question

我有一个包含降价文件和图像的要点。

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

之类的东西

这是an example

Answer 1

截至目前，相对图像链接对我来说都是在存储库和维基中工作的。我正在使用这样的语法：

![Kiku](images/Kiku.jpg)

以下是一个例子：

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

Answer 2

根据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中呈现相同的要点：

从https://gist.github.com/cben/46d9536baacb7c5d196c/（带斜杠）查看时，附加相对路径，解析为https://gist.github.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png - 有效： - ）
从https://gist.github.com/cben/46d9536baacb7c5d196c（没有尾随斜线）查看时，相对路径会替换网址的最后一部分，解析为https://gist.github.com/cben/raw/dodgetocat_v2.png - 已损坏： - （

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

唉，我们不能只使用第一个网址并信任它始终有效。

目前，两种表单都不返回重定向，也不提供rel = canonical链接。我不会打赌Github永远不会改变这个！
所有内部要点链接（例如来自用户的页面https://gist.github.com/cben/）都省略了斜杠： - （
Google搜索结果中的Gists省略了斜杠： - （

（你可以使用相对路径46d9536baacb7c5d196c/raw/dodgetocat_v2.png，它只能在没有尾随斜杠的情况下工作，但这也是一个值得怀疑的想法，而且不值得 - 而不是比完全更灵活URL。）

使用代理？

两者都可以通过修复Content-Type的代理来解决，例如： Rawgit或Bl.ocks.org（不是Github，不要滥用它们）。不幸的是，Rawgit没有渲染Markdown，只按原样提供文件，而Bl.ocks.org确实渲染了markdown，但URL结构使得相对链接不起作用。这意味着您可以在Markdown中引用完整的外部URL，也可以在HTML中引用相对的内容： - （

见https://gist.github.com/cben/46d9536baacb7c5d196c/分享你的要点，及其index.html通过以下方式查看：

http://rawgit.com/cben/46d9536baacb7c5d196c/raw/index.html

http://rawgit.com/cben/46d9536baacb7c5d196c/raw/

http://bl.ocks.org/cben/raw/46d9536baacb7c5d196c

http://bl.ocks.org/cben/46d9536baacb7c5d196c

Answer 3

是的，相关链接对我有用。我正在使用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不支持markdown相对图像路径语法，请尝试html方式。

Answer 4

刚刚测试...... 我无法在github wiki上使用相对网址。

我必须将图像添加到维基回购，然后浏览回购并让github显示给我（所以我可以抓住网址）。然后在降价处使用完整的网址。但幸运的是，网址很容易预测：https://github.com/*username*/*reponame*/wiki/*imagename.png*

我将此提交给了github支持。

Answer 5

不，来自markdown的图像的相对URL不起作用，因此您必须坚持使用长静态URL：

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

但是，某些文件的相对URL有效：

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

是否有可能在吉他的降价文件中建立相对于图像的链接？

5 个答案:

相对路径？

使用代理？