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

相关推荐
徐小夕14 小时前
万字拆解 JitWord:企业级实时协同文档底层架构 + 大模型 AI 融合完整实践
前端·vue.js·github
码流怪侠16 小时前
【GitHub】Ponytail:给 AI 编码代理植入“懒人资深开发者“灵魂的开源插件深度拆解
程序员·github·ai编程
齐翊16 小时前
怎么确认 AI 看懂了你的提示词?
人工智能·github·ai编程
李小庆21 小时前
Sowork AI Agent 编程助手教程 :第一章 Python环境搭建与Sowork项目克隆学习目标
github
OpenTiny社区2 天前
🎨 看完 GenUI SDK 源码我悟了!
前端·vue.js·github
千寻girling2 天前
一份不可多得的《微服务》教程
后端·面试·github
霜落长河2 天前
用Gemini提升React代码调试效率的教程
github
英勇无比的消炎药2 天前
TinyRobot 源码深度分析:OpenTiny 的 AI 对话组件库
前端·vue.js·github
逛逛GitHub3 天前
慢慢吃掉你的 Claude Code,在终端里养一只黑洞。
github
jump_jump3 天前
为了重玩金庸群侠传,我研究了一下 Ruffle 怎么复活 Flash
游戏·rust·github