解决GitHub上的README.md文件的图片内容不能正常显示问题
一、问题描述
我们将项目推送到GitHub上后,原本在本地编写配置好可展现的相对路径图片内容,到了GitHub上却不能够正常显示图片内容,我们希望能够在GitHub上正常显示图片,如下图所示:
二、问题分析
现状:README.md中的内容在本地可以使用相对路径正常显示图片内容;但是上传到GitHub上后无法正常显示;
分析:这是由于GitHub需要给完整的图片路径,否则无法查找到这个图片内容,我们需要修改GitHub上README.md中的图片路径信息。
三、解决方法
3.1、编辑README.md文件
打开GitHub上的项目,然后选择【README】-->【向笔一样的图标】即可进入编辑界面,如图所示:
3.2、获取GitHub上图片的完整路径
打开图片所在的GitHub路径-->选择需要查看的图片-->选中查看的图片点击鼠标右键选择【复制图像链接】即可获取到图片的完整路径,如下图所示:
比如我这里获取到的图片地址为【https://github.com/kafeiweimei/WinFormClient/blob/main/Documents/images/%E7%99%BB%E5%BD%95%E7%95%8C%E9%9D%A2.png?raw=true】你不放心的话可以将这个地址放到单独的浏览器页面查看是否可以查看该图片内容(若可以查看到就表示获取到图片路径正确),如下图所示:
3.3、 编辑README.md文件中图片的完整路径
将获取到的GitHub图片完整路径对README.md文件内容进行逐一替换,替换完成后点击【Commit changes】按钮提交完成后即可实现图片正常在GitHub上显示了,如下图所示: