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

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


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

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


一、上传图片


  • 准备好要插入的图片,将他们放入同一文件夹内。
    Github的README中插入图片,Github仓库项目主页显示图片_第2张图片
  • 在仓库中,点击上传文件。
    Github的README中插入图片,Github仓库项目主页显示图片_第3张图片
  • 将刚刚的文件夹拖动到上传位置。等待全部文件上传结束后,提交更改。
    Github的README中插入图片,Github仓库项目主页显示图片_第4张图片
  • 这样你的仓库下就会多出个都是图片的文件夹。
    Github的README中插入图片,Github仓库项目主页显示图片_第5张图片

二、插入标签

  • 进入文件夹,查看图片,并复制图片的文件链接。
    Github的README中插入图片,Github仓库项目主页显示图片_第6张图片
  • 编辑仓库主页的 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仓库项目主页显示图片_第7张图片
  • 之后就能在仓库主页,看见华丽丽的图片啦。
  • 无论这个仓库是被他人分享,还是推荐给好友,光看项目主页就倍儿有面子。
    Github的README中插入图片,Github仓库项目主页显示图片_第8张图片

你可能感兴趣的:(GitHub,版本控制,代码管理,github,个人博客)