当前位置: 首页 > article >正文

解决GitHub上的README.md文件的图片内容不能正常显示问题

一、问题描述

        我们将项目推送到GitHub上后,原本在本地编写配置好可展现的相对路径图片内容,到了GitHub上却不能够正常显示图片内容,我们希望能够在GitHub上正常显示图片,如下图所示:

二、问题分析

        现状:README.md中的内容在本地可以使用相对路径正常显示图片内容;但是上传到GitHub上后无法正常显示;

         分析:这是由于GitHub需要给完整的图片路径,否则无法查找到这个图片内容,我们需要修改GitHub上README.md中的图片路径信息。

三、解决方法

  3.1、编辑README.md文件

        打开GitHub上的项目,然后选择【README】-->【向笔一样的图标】即可进入编辑界面,如图所示:

  3.2、获取GitHub上图片的完整路径

        打开图片所在的GitHub路径-->选择需要查看的图片-->选中查看的图片点击鼠标右键选择【复制图像链接】即可获取到图片的完整路径,如下图所示:

比如我这里获取到的图片地址为【https://github.com/kafeiweimei/WinFormClient/blob/main/Documents/images/%E7%99%BB%E5%BD%95%E7%95%8C%E9%9D%A2.png?raw=true】你不放心的话可以将这个地址放到单独的浏览器页面查看是否可以查看该图片内容(若可以查看到就表示获取到图片路径正确),如下图所示:

  3.3、 编辑README.md文件中图片的完整路径

        将获取到的GitHub图片完整路径对README.md文件内容进行逐一替换,替换完成后点击【Commit changes】按钮提交完成后即可实现图片正常在GitHub上显示了,如下图所示:

 


http://www.kler.cn/a/470177.html

相关文章:

  • 代码随想录算法训练营第四十天 | 股票问题
  • iOS - 自定义引用计数(MRC)
  • OpenGL —— 流媒体播放器 - ffmpeg解码rtsp流,opengl渲染yuv视频(附源码,glfw+glad)
  • 周记-Repeater中的children和item区别
  • 什么样的人适合从事FPGA开发的工作?
  • 【Redis经典面试题七】Redis的事务机制是怎样的?
  • Springboot启动报错:Failed to start bean ‘documentationPluginsBootstrapper‘
  • 软件项目体系建设文档,项目开发实施运维,审计,安全体系建设,验收交付,售前资料(word原件)
  • mybatisX插件的使用,以及打包成配置
  • 阿里云 Pod介绍
  • 如何利用Java爬虫批量获取商品信息案例指南
  • 腾讯云日志服务根据网段过滤非法数据
  • Elasticsearch:基础概念
  • 13、Ollama OCR
  • MATLAB算法实战应用案例精讲-【数模应用】马尔科夫链(附python和R语言代码实现)
  • 机器学习实战——支持向量机(SVM)
  • Babylon.js中的向量操作:BABYLON.Vector3的数学方法
  • java-type-tool 轻量级java type工具类库
  • 第二十六天 RNN在NLP中的应用
  • 分布式多机多卡训练全景指南:MPI、DeepSpeed 与 Colossal-AI 深度解析
  • 密码学科普
  • USB 驱动开发 --- Gadget 驱动框架梳理
  • 系统编程(指针,内存基础)
  • 深入解析希尔排序:原理、实现与优化
  • web系统漏洞攻击靶场
  • 力扣-数据结构-11【算法学习day.82】