可能的重复:带有链接的图像的推荐语法




如何使用Markdown格式创建图像链接?我想要类似<a href="" rel="some text"><img src="/path/to/file" alt="" /></a>的输出。我似乎在https://stackoverflow.com/editing-help中找不到答案。

评论

![](/ path / to / file)

meta.stackexchange.com/questions/2133/…

可能应该将其添加到FAQ和/或编辑帮助中吗?

#1 楼

似乎没有单个markdown构造可以满足您的要求,但是以下两项markdown都可以工作(至少在SO上如此):

[<img src="http://www.google.com.au/images/nav_logo7.png">](http://google.com.au/)

[![Foo](http://www.google.com.au/images/nav_logo7.png)](http://google.com.au/)


我同意拥有一个方便的东西(以及宽度,高度,向左或向右浮动并添加标题的降价标记)。

编辑:我认为没有任何降价链接的rel属性。

<a href="http://google.com.au/" rel="some text">![Foo](http://www.google.com.au/images/nav_logo7.png)</a>


上面的代码看起来是最好的情况,尽管到了这个阶段,您几乎也可以将HTML用于图像,完成它。

评论


至少在MarkDown Extra中,以下更易读的方法也将起作用:### [SmartyPants] []和其他商品[![SmartyPantsImg] []] [SmartyPants] [SmartyPants]:daringfireball.net / projects / smartypants` [SmartyPantsImg]:daringfireball.net / graphics / smartypants_title.gif`

–托马斯G.
13年12月28日在8:02



这对我有用。图片和链接的Markdown:![日日历] [ss1]链接参考:[ss1]:imgur.com/uqmd4li实际操作中:github.com/Rundiz/thai-calendar

–vee
16年5月3日在5:24



第二个示例在GitHub上有效。

–大卫·詹姆斯(David James)
16年7月29日在17:11

第一个例子适用于thingiverse。

–贡斯林格
17-10-13在7:19

这也适用于启用了wordpress.com降价功能的帖子。这是一个示例atiqcs.wordpress.com/2018/07/05/…

–阿提克·拉曼(Atiq Rahman)
18年7月5日在22:48

在第三个示例中,前有一个额外的]

– grrigore
19年7月20日在11:23

@grrigore已修复。谢谢。

–埃文
19年7月21日在20:49