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

server/2025/1/11 20:56:06/

一、问题描述

        我们将项目推送到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.ppmy.cn/server/157575.html

相关文章

Python基础知识回顾-数据结构

Tuple 在 Python 中,我们经常使用 Tuple 来将相关数据分组。Tuple 指的是有序且不可变的元素集合。 形式:通常以逗号分隔的元素写在括号"() "中。 数据类型和索引:包含 String、整数和浮点数,并使用正索引和负索引访问…

buildroot ffmpeg 及 PJSIP安装使用详解

目录 buildroot pjsip安装编译声卡验证 buildroot ffmpeg常用命令arecord & aplay 声卡调测命令开发板接USB音箱开发板自带音箱 硬件: rk3568平台, 系统: buildroot, 交叉编译pjsip,并介绍pjsip录放音常用测试验证命令&#x…

从SS到CSS:探索网页样式设计的奥秘

一、什么是CSS CSS,全称为层叠样式表(Cascading Style Sheets),是一种用于描述HTML(超文本标记语言)或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。 从结构和功能的…

【Flutter】使用ScrollController配合EasyRefresh实现列表预加载:在还未滑动到底部时加载下一页数据

需求/背景 在我们的业务场景中,列表的加载使用easy_refresh组件: https://pub.dev/packages/easy_refresh 大概效果是往上滑动到一定的offset会触发一个上滑加载,可以触发一些网络请求拉取列表后面的数据来展示。 这种模式一般在一页翻完…

力扣 74. 搜索二维矩阵

🔗 https://leetcode.cn/problems/search-a-2d-matrix 题目 给一个二维矩阵,保证数字在每行从左到右都是非严格递增每一行的第一个数字大于上一行最后一个数字给一个 target,判断是否存在在二维矩阵中 思路 先 binary search 定位到行&am…

WebRTC 的优缺点详细解析

在当今数字化浪潮中,WebRTC技术凭借其独特优势,在众多联网平台中得以广泛应用,为实时通信带来了革命性变化。然而,如同任何技术一样,它也并非十全十美,存在着一些有待攻克的短板。 一、WebRTC的优点 卓越…

大模型RAG面试内容有哪些?(附面试资料合集)

在面试涉及大模型RAG(Retrieval-Augmented Generation)的职位时,以下是一些常见的面试内容和问题: 技术知识 RAG的基本概念和工作原理:解释RAG系统的主要部分及其如何协同工作。检索技术:了解常见的检索方…

Vue sm3国密 IE模式报错处理

1、sm-crypto 转义错误 查看报错信息包名 在vue.config.js的transpileDependencies中把依赖包添加进去,让babel能够转译sm-crypto包 babel.config.js module.exports {presets: [[vue/app, {useBuiltIns: entry}]] }2、exports.destroy (() > { … }&a…