解决readme.md文件中粘贴的图片放到GitHub上无法显示问题

问题原因

GitHub的README.md文件通常无法直接引用本地文件或图片,因为GitHub的README.md是在远程服务器上渲染和显示的,无法访问本地文件系统。

解决方案

要在GitHub的README.md中显示图片,你需要将图片上传到GitHub上,然后使用图片的URL进行引用。

详细步骤

一、将本地图片上传到GitHub上

1、在本地仓库新建一个存储照片的文件夹

2、将所需图片放入文件夹下

3、利用git将该文件夹上传到GitHub上

二、修改图片路径

1、在.md文件上我们点击自己粘贴的图片可以看到图片的路径,如下图:

由于GitHub用远程服务器进行渲染无法访问本地图片,因此我们需要将这个本地路径更改成GitHub上的路径;

2、在GitHub上找到上传的存储图片的文件夹,选择一个图片打开,如下所示:

此时的网址就是该图片在GitHub上的路径 ,将这个路径复制后代替readme.md文件中的本地路径后即可成功显示图片。此时我们本地的readme.md文件是显示不出来的,只有在GitHub上才能显示出来。

相关推荐
解道Jdon1 小时前
VSCode 2026年2月更新:技能市场、CLI、钩子支持
ide·windows·git·svn·eclipse·github·visual studio
darkb1rd2 小时前
gws 命令行:统一 Google 全家桶 API 管理
开源·github·好物分享
嘿嘻哈呀2 小时前
VS Code + GitHub Copilot使用技巧
github·copilot
shimly1234562 小时前
github 配置 ssh key ssh-key
运维·ssh·github
lpfasd1233 小时前
2026年第10周GitHub趋势周报
github
lpfasd1233 小时前
Flutter 远程构建全攻略:告别本地打包,GitHub Actions、Gitee Go 与 MobAI 三方案详解
flutter·gitee·github
无风听海3 小时前
Visual Studio 2026中Github Copilot的大模型
github·copilot·visual studio
Joehaivo飞羽3 小时前
【自荐】精美小巧的现代化终端文件管理器
linux·github·命令行
徐小夕4 小时前
被CRUD拖垮的第5年,我用Cursor 一周"复仇":pxcharts-vue开源,一个全栈老兵的AI编程账本
前端·vue.js·github
逛逛GitHub8 小时前
1 分钟把 OpenClaw 安装到你电脑,现在真的没有门槛了
github