127

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

有没有办法建立到这个图像的相对链接?类似的东西![My image](image.png)而不是![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

这是一个例子

4

5 回答 5

211

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

![Kiku](images/Kiku.jpg)

这是一个例子:

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

于 2016-03-30T15:32:06.243 回答
5

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

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

唉,我们不能只使用第一个 URL 并相信它始终有效。

  • 目前,表单既不返回重定向,也不提供 rel=canonical 链接。我不会打赌 Github 永远不会改变这一点!
  • 所有内部 gist 链接(例如,来自用户页面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 中引用相对的 :-(

请参阅https://gist.github.com/cben/46d9536baacb7c5d196c/分叉您的要点,并通过以下方式查看其 index.html:

于 2015-03-26T11:23:03.057 回答
2

是的,相对链接对我有用。我正在使用 pancake.io 来托管我的页面。 http://pancake.io/2c8aa8/topics/cpp/cpp.md

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

用于第一张图片的降价代码是

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

第二张图片使用的markdown代码(实际上是html)是

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

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

于 2013-04-02T19:02:40.700 回答
2

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

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

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

于 2013-04-09T15:15:54.570 回答
1

不,markdown 中图像的相对 URL 不起作用,因此您必须坚持使用长的静态 URL:

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

但是,某些文件的相对 URL 有效:

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

于 2014-08-20T16:13:09.053 回答