解决码云或者github的markdown图片非正常显示的问题

前言

在我们使用github或者gitee(码云)的时候经常会在md文档中添加一些图片,本地显示没有问题,但是当我们推送本地仓库到远程仓库后图片不能正常显示。

原因分析

由于图片属于本地图片,在本地md文件的图片可以显示。而推送到远程仓库后,缺少一个本地资源和网络资源的映射。所以需要我们把资源上传到一个网络空间,然后引用那个网络空间的地址即可。

解决方案

  1. 在gitee或者github创建一个存放图片的远程仓库

    例如:imge远程仓库

  2. 然后在本地创建一个专门管理图片的本地仓库

    例如:imge本地仓库

  3. 把自己需要的图片存放到本地仓库后,并推送到远程仓库

  4. 然后点击远程仓库文件进行查看

  1. 然后点击原始数据进行查看

  2. 直接将显示的图片文件拖拽到typora编辑器中即可得到引用图片的地址

    注:之所以在这里使用typora是因为手写引用地址容易出错。

  3. 复制地址到md文档中即可。

    地址样式如下:

    ![Fileter_transaction](https://gitee.com/fowner/imge/raw/master/Fileter_transaction.png)
    
  4. 最后把本地编辑好的md文档推送到远程仓库后图片即可正常显示

记录点滴,记录成长,做好每一次笔记。(--致自己)

posted @   匠人码农  阅读(2375)  评论(1编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 全程使用 AI 从 0 到 1 写了个小工具
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
点击右上角即可分享
微信分享提示