Github的README中插入图片,Github仓库项目主页显示图片

Posted Mark_md

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Github的README中插入图片,Github仓库项目主页显示图片相关的知识,希望对你有一定的参考价值。

Github仓库主页的 README.md 支持 MarkDown 文本,也支持图片显示。显示图片需要提供<img>标签,这个链接可以位于其他服务器上,也可以是GitHub自身的仓库文件。


我以同一仓库的图片为例,插入到 README.md 主页中,让同仓库的README主页显示图片。

在这里插入图片描述


一、上传图片


  • 准备好要插入的图片,将他们放入同一文件夹内。
    在这里插入图片描述
  • 在仓库中,点击上传文件。
    在这里插入图片描述
  • 将刚刚的文件夹拖动到上传位置。等待全部文件上传结束后,提交更改。
    在这里插入图片描述
  • 这样你的仓库下就会多出个都是图片的文件夹。
    在这里插入图片描述

二、插入<img>标签

  • 进入文件夹,查看图片,并复制图片的文件链接。
    在这里插入图片描述
  • 编辑仓库主页的 README.md 文档,在想要插入图片的位置中插入语句:
![image](https://github.com/ZhiliangMa/MPU6500-HMC5983-AK8975-BMP280-MS5611-10DOF-IMU-PCB/blob/main/img/IMU-V5-TOP.jpg)
  • 注意语句格式,![image]() 括号中插入图片链接。
  • 完成后提交。
    在这里插入图片描述
  • 之后就能在仓库主页,看见华丽丽的图片啦。
  • 无论这个仓库是被他人分享,还是推荐给好友,光看项目主页就倍儿有面子。
    在这里插入图片描述

以上是关于Github的README中插入图片,Github仓库项目主页显示图片的主要内容,如果未能解决你的问题,请参考以下文章

解决Github上README中插入的图片突然消失的问题

GitHub之图片上传问题

向github的README文件中添加图片

github系列github的README中无法上传图片的解决方案

Github README.md中添加图片

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