Github—在README.md文件中添加图片、显示图片

Posted 2023-04-11

参考技术A 2、将此文件夹推送到github中
①、 查看状态

②、git add . 将所有本地文件添加到待处理待添加状态

③、git commit -m "添加项目截图" 提交文件

④、将提交的文件推送到远程master分支

3、打开github官网，进入刚刚上传的仓库项目截图文件夹中，打开图片，复制浏览器中的地址

4、在主页中编辑README.md

6、进入主页，即可显示图片

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

【中文标题】在 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/)