在 Github 的 README.md 中添加带有链接的图像？

Question

如何在 Github 的 README.md 上添加同时也是外部页面链接的图像？

添加Markdown以显示图像非常简单（在 GitHub 上的 Add images to README.md 中回答）。添加链接也非常简单（Markdown 文件中的 GitHub 相对链接），但似乎无法添加同时也是指向外部站点的链接的图像。

<a href="https://stackoverflow.com/"><img src="RELATIVE_PATH_TO_IMAGE></img></a>

Answer 1

尝试简单的语法：

[![name](link to image on GH)](link to your URL)

这会将图像包装为链接

Answer 2

一些额外的语法混合了 html 和 markdown，让您可以更灵活地调整图像的显示方式。

假设您的存储库结构如下（它仅指以下语法中使用的相对链接）：

示例回购结构

您可以使用

[<img alt="alt_text" width="40px" src="images/image.PNG" />](https://www.google.com/)

Answer 3

结构：

[![name](link to image on GH)](link to your URL)

例子：

![image search api](https://user-images.githubusercontent.com/110724391/184472398-c590b47c-e1f2-41f8-87e6-2a1f68e8850d.png)[(Youtube)](https://www.youtube.com/watch?v=3HIr0imLgxM)

Answer 4

写下之前答案的人把问题过于复杂化了。这适用于 Markdown+HTML5，查看源代码时很容易理解。

代码：[<img src="img/myImage.png">](http://example.com/)，

其中img/myImage.png应替换为图像的相对路径，并http://example.com/应替换为单击图像时要访问的链接。