解决readme.md文件中粘贴的图片放到GitHub上无法显示问题

问题原因

GitHub的README.md文件通常无法直接引用本地文件或图片,因为GitHub的README.md是在远程服务器上渲染和显示的,无法访问本地文件系统。

解决方案

要在GitHub的README.md中显示图片,你需要将图片上传到GitHub上,然后使用图片的URL进行引用。

详细步骤

一、将本地图片上传到GitHub上

1、在本地仓库新建一个存储照片的文件夹

2、将所需图片放入文件夹下

3、利用git将该文件夹上传到GitHub上

二、修改图片路径

1、在.md文件上我们点击自己粘贴的图片可以看到图片的路径,如下图:

由于GitHub用远程服务器进行渲染无法访问本地图片,因此我们需要将这个本地路径更改成GitHub上的路径;

2、在GitHub上找到上传的存储图片的文件夹,选择一个图片打开,如下所示:

此时的网址就是该图片在GitHub上的路径 ,将这个路径复制后代替readme.md文件中的本地路径后即可成功显示图片。此时我们本地的readme.md文件是显示不出来的,只有在GitHub上才能显示出来。

相关推荐
正经教主2 小时前
【Git】Git05-04:Github分支管理与协作流程
git·github
CoderJia程序员甲4 小时前
GitHub 热榜项目 - 日榜(2025-11-22)
ai·开源·llm·github·ai教程
小Lu的开源日常4 小时前
踩坑日记:为什么Git 突然 Push 不上去了
git·ssh·github
LZ7工作室5 小时前
MAC编程:在MACOS安装和使用 Git 的方法
网络·git·macos·github·个人开发
skywalk816310 小时前
github创建项目后,应该用main还是master作为默认branch?
git·github
正经教主10 小时前
【Git】Git07:GitHub desktop使用教程【可选】
git·github
CoderJia程序员甲12 小时前
GitHub 热榜项目 - 日榜(2025-11-20)
ai·开源·大模型·github·ai教程
JinSo1 天前
Ultracite:为 AI 时代打造的零配置代码规范工具
前端·javascript·github
uhakadotcom1 天前
Next.js 从入门到精通(1):项目架构与 App Router—— 文件系统路由与目录结构全解析
前端·面试·github
x***58701 天前
GitHub星标10万+的Redis项目,使用教程
数据库·redis·github