是否可以在要点的markdown文件中相对于图片建立相对链接?


94

我有一个要点,其中包含一个markdown文件和一个图像。

有没有办法建立与此图像的相对链接?像![My image](image.png)代替![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

这是一个例子

Answers:


162

到目前为止,在存储库和Wiki中,相对的图像链接都对我有用。我正在使用这样的语法:

![Kiku](images/Kiku.jpg)

这是一个例子:

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


谢谢!尝试使用本地图像令我感到沮丧,但这确实可行!
太阳

我的错误是在]和之间(

1
至少对于Github,我发现您的文件名中不能包含空格,或者GitHub无法识别本地图像(我不确定添加引号是否可以解决此问题)
Xiaoyong Zhu

5
这可能适用于常规的Github仓库,但不适用于Gist(gist.github.com)。
贝尼·切尔尼亚夫斯基-帕斯金

1
如果您要链接的图像的相对路径上有特殊字符,请确保已对其进行url编码。
felixperreault

3

根据http://blog.rodneyrehm.de/archives/35-Inclusion-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呈现相同的要点:

[2017年12月更新。以前的原始文件问题 Content-Type: application/octet-streamsrc图像的重写属性camo.githubusercontent.com不再发生,至少对于相同要点的图像而言不再如此。]

las,我们不能只使用第一个URL并相信它可以一直工作。

  • 当前,两种形式都不返回重定向,也不提供rel = canonical链接。我不会打赌Github永远不要改变这个!
  • 所有内部要点链接(例如,从用户页面https://gist.github.com/cben/)都省略了斜杠:-(
  • Google搜索结果的要点省略了斜杠:-(

(您可以使用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通过以下方式查看:


2

是的,相对链接对我有用。我正在使用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>

注意:我错过了要点。如果要点不支持markdown相对图像路径语法,请尝试html方式。


HTML方式无效。与Markdown相比,这更是Gist的问题
Alienebarge

2

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

我必须将图像添加到Wiki仓库中,然后浏览该仓库并让github将其显示给我(以便我可以获取该网址)。然后在降价中使用完整网址。但幸运的是,这些网址很容易预测:https://github.com/*username*/*reponame*/wiki/*imagename.png*

我将此问题提交给github支持。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.