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

问题描述 投票:63回答:5

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

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

这是an example

github markdown gist
5个回答
128
投票

截至目前,相对图像链接在我的存储库和维基中都有用。我正在使用这样的语法:

![Kiku](images/Kiku.jpg)

这是一个例子:

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


3
投票

根据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

Relative path?

这也作为相对路径raw/dodgetocat_v2.png! 但是(截至2017年底)github可以从2个URL呈现相同的要点:

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

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

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

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

Using a proxy?

两者都可以通过修复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:


1
投票

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


1
投票

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

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

我将此提交给了github支持。


1
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.