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

Posted

技术标签:

【中文标题】在 Github 的 README.md 中添加带有链接的图像?【英文标题】:Add image with link in Github's README.md? 【发布时间】:2020-07-19 02:55:14 【问题描述】:

如何在 Github 的 README.md 上添加同时作为外部页面链接的图像?

添加降价以显示图像非常简单(在Add images to README.md on GitHub 回答)。添加链接也很简单(GitHub relative link in Markdown file),但似乎无法添加同时作为外部站点链接的图像。

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

【问题讨论】:

【参考方案1】:

试试简单的语法:

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

这会将图像包装为链接

【讨论】:

【参考方案2】:

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

假设你的 repo 结构如下(它只是指下面语法中使用的相对链接):

example repo structure

你可以使用

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

【讨论】:

以上是关于在 Github 的 README.md 中添加带有链接的图像?的主要内容,如果未能解决你的问题,请参考以下文章

GitHub 项目中的 README 和 README.md 有啥区别?

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

从 README.md 自动链接到 GitHub 页面 URL?

图片未显示在 GitHub 上的 README.md 中

GitHub ReadME.md

在提交到 github 之前,如何测试我的 readme.md 文件的外观?