带有超链接的图像的建议语法是什么？我尝试使用markdown工具栏按钮进行操作，并且图像和链接按钮相互冲突，所以我不得不求助于HTML。例如，要这样做： >

这些工作正常：

<a href="https://meta.stackoverflow.com/users/44330/jason-s">![alt text][1]</a>
[1]: https://www.gravatar.com/avatar/dd5a7ef1476fb01998a215b1642dfd07?s=128&d=identicon&r=PG

<a href="https://meta.stackoverflow.com/users/44330/jason-s">
   <img src="https://www.gravatar.com/avatar/dd5a7ef1476fb01998a215b1642dfd07?s=128&d=identicon&r=PG">
</a>

[<img src="https://www.gravatar.com/avatar/dd5a7ef1476fb01998a215b1642dfd07?s=128&d=identicon&r=PG">][2]
[2]: https://meta.stackoverflow.com/users/44330/jason-s


这不起作用：

<a href='https://meta.stackoverflow.com/users/44330/jason-s'>![alt text][1]</a>


（不允许使用单引号吗？）

是否可以在Markdown中执行相同的操作而不必求助于HTML？

返回FAQ索引

评论

为Creep博士的城堡+1 ；-)

#1 楼

可以将Markdown用于图像和链接。您必须手动执行此操作，因为工具栏不够智能，无法为您添加自定义链接。

参考样式：

[![alt text][image]][hyperlink]

  [hyperlink]: https://meta.stackoverflow.com/users/44330/jason-s
  [image]: https://www.gravatar.com/avatar/…?s=128&d=identicon&r=PG (tooltip)
    or
  [image]: https://www.gravatar.com/avatar/…?s=128&d=identicon&r=PG "tooltip"




内联样式：

[![alt text](image "tooltip")](hyperlink)
  eg:
[![alt text](https://www.gravatar.com/avatar/… "Let's check Jason S' profile page")](https://meta.stackoverflow.com/users/44330/jason-s)



使用以下语法在桌面站点上使用图像上传UI添加到帖子中的图像将自动链接到自身：

[![enter image description here][number]][number]


其中number是自动生成的数字。

要将链接更改为其他内容，只需将第二个[number]更改为(*your URL here*)（在括号中）或使用上面的引用样式语法。

评论

换句话说，无论图像的语法是什么，都将整个语法视为要链接的文本。因此，丑陋的语法也适用：[！[替代文字]（图像链接）]（网络链接）

–ShreevatsaR
2011年1月9日下午5:55
优秀的！这是有道理的，但我从没走过这么远，因为一旦我开始打字，我想我自己就不可能正确，这太丑陋了。但这不是...你丑！ ;）

–本·基廷
2011年3月21日17:00
看来，这通常适用于Markdown，不仅适用于StackOverflow！

– fatuhoku
13年8月19日在23:52
+1（悬停文字）提示。

– Mogsdad
15年6月27日在13:14
@ShreevatsaR这不适用于聊天。有没有办法在聊天中做到这一点？

–mbomb007
16-10-4在19:15


@ mbomb007我不知道，对不起。

–ShreevatsaR
16-10-4在19:23
@ShreevatsaR这应该是另一个答案，因为它是一种更简单的形式

– danfromisrael
16年11月9日在13:54

#2 楼

对于数字索引的URL，只需创建一个新的数字URL。例如，当您使用精美的编辑器插入图像时，它便开始链接到自身。用HTML术语来说，a.href链接URL与img.src图像URL相同。
[![alt text][1]][1]

[1]: https://i.stack.imgur.com/wPW28.png

只需为链接添加一个新URL：
[![alt text][1]][2]

[1]: https://i.stack.imgur.com/wPW28.png
[2]: https://www.timeanddate.com/astronomy/moon/light.html?month=3&day=20&year=2040&hour=19&min=00&sec=0&n=64&ntxt=Chicago&earth=0

结果：

所以(http://example.com)可以替换为[42] ... [42]: http://example.com

评论

最好编辑原始答案，即Community Wiki，然后附加一个答案。为了清楚。

–Luuklag
20年8月21日在14:15