解决码云或者github的markdown图片非正常显示的问题
前言
在我们使用github或者gitee(码云)的时候经常会在md文档中添加一些图片,本地显示没有问题,但是当我们推送本地仓库到远程仓库后图片不能正常显示。
原因分析
由于图片属于本地图片,在本地md文件的图片可以显示。而推送到远程仓库后,缺少一个本地资源和网络资源的映射。所以需要我们把资源上传到一个网络空间,然后引用那个网络空间的地址即可。
解决方案
-
在gitee或者github创建一个存放图片的远程仓库
例如:imge远程仓库
-
然后在本地创建一个专门管理图片的本地仓库。
例如:imge本地仓库
-
把自己需要的图片存放到本地仓库后,并推送到远程仓库。
-
然后点击远程仓库的文件进行查看。
-
然后点击原始数据进行查看
-
直接将显示的图片文件拖拽到typora编辑器中即可得到引用图片的地址
注:之所以在这里使用typora是因为手写引用地址容易出错。
-
复制地址到md文档中即可。
地址样式如下:

-
最后把本地编辑好的md文档推送到远程仓库后图片即可正常显示。
记录点滴,记录成长,做好每一次笔记。(--致自己)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)