解决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上才能显示出来。

相关推荐
薛定e的猫咪1 小时前
Vibe Coding范式实战:用AI工具链(Stitch+Figma+ai studio+Trae)快速开发全栈APP
前端·人工智能·react.js·github·figma
Zzq_Fighting3 小时前
【Windows电脑使用PotPlayer挂载夸克网盘方法】
经验分享·github
九狼5 小时前
Riverpod 2.0 代码生成与依赖注入
flutter·设计模式·github
无限进步_9 小时前
面试题 02.04. 分割链表 - 题解与详细分析
c语言·开发语言·数据结构·git·链表·github·visual studio
CoderJia程序员甲15 小时前
GitHub 热榜项目 - 日榜(2026-02-22)
人工智能·ai·大模型·github·ai教程
CoderJia程序员甲16 小时前
GitHub 热榜项目 - 日榜(2026-02-21)
ai·大模型·llm·github·ai教程
九狼1 天前
Flutter Riverpod + MVI 状态管理实现的提示词优化器
前端·flutter·github
Zzz 小生2 天前
LangChain Streaming-Overview:流式处理使用完全指南
人工智能·python·语言模型·langchain·github
用户579854769712 天前
04:工具系统设计:从抽象基类到 JSON Schema 的完整实现
github
fchampion2 天前
最终一致性
java·spring·rabbitmq·github·mvc