解决Github图片显示的问题

前言

每次做完一个项目,高高兴兴的在README文档上贴上项目效果图,然后直接去git上传。 但是在git上看的时候发现,你贴的图片不显示了!!!

注:此文章里面,只讲解Typora文档编辑器的设置,但是其他MD格式的编辑器都可以这样设置,如何设置自行在网上查看,这里最关键的是"使用相对路径,在Git上正常显示图片"

当然不显示,因为我们的贴的是本地图片呀,git无法查看本地图片。那我们怎么办呀? 选择云存储图片,然后把图片地址贴上去??? 云存储需要钱💴呐 我要免费哒!!!!!

有一次我在掘金写文章时上传图片,然后把上传图片后的地址贴到README文档上,直接git 这样可以显示,因为掘金上传图片后是给你一个网络地址 哈哈哈哈哈~

但是不能老这样啊,那怎么办?

答案:使用相对路径!

方法

使用相对路径

很巧妙的方法,我们在Typora上设置图片优先使用相对路径,然后在项目里创建一个文件夹,需要贴的图片放到此文件夹里面,在README文档上贴图片的时候,使用此文件夹里面的图片,然后Git 就可以显示。

因为在README贴图片的时候,用的是相对路径,还有文件夹里面有我们贴的图片,因此上传到git后可以显示~

操作步骤

第一步: 设置Typora 图片优先使用相对路径

文件 --> 偏好设置

图像 --> 选择优先使用相对路径

第二步: 在项目创建文件夹,存入使用的图片

第三步:把文件夹里面的图片,贴上去

第四步: 直接Git

Git上传后,可以在GitHub上正常显示图片了~~

相关推荐
_阿南_4 小时前
项目中新增给AI制定的代码规范
前端·程序员
名字还没想好☜4 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
console.log('npc')6 小时前
Git 冲突与 AI 协助指南
前端·人工智能·git·大模型
爱学堂IT分享7 小时前
Cesium可视化系统实战课程-Cesium教程学习
前端
糖墨夕7 小时前
理解大语言模型:Agent 的“大脑”
前端·agent
Rain的Java大神之路7 小时前
JavaWeb开发如何解决跨域问题
java·前端·后端·nginx·web安全·面试·运维开发
cpolar技术支持8 小时前
浏览器也能跑本地 AI:用 Transformers.js + WebGPU 做一个最小推理 Demo,cpolar 给同事远程体验
前端·ai·cpolar·webgpu·transformers.js
计算机魔术师9 小时前
OpenAI 发布 GPT-6 Astra:多项基准刷新纪录, cybersecurity 能力达 Critical 阈值
前端
xy34539 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
风骏时光牛马9 小时前
智能任务自动化协同AI工作流
前端