解决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上才能显示出来。

相关推荐
weelinking2 小时前
【产品】00_产品经理用Claude实现产品系列介绍
数据库·人工智能·sql·数据挖掘·github·产品经理
Hommy884 小时前
【剪映小助手】字幕信息生成接口
github·aigc·剪映小助手·视频剪辑自动化
用户07806253471911 小时前
纯前端实现 AI 抠图:我如何用 ONNX + Canvas 在浏览器里跑背景移除
github
白鲸开源11 小时前
干货!SeaTunnel(2.3.12)高阶用法(一):核心概念之数据流
java·大数据·github
逛逛GitHub11 小时前
Karpathy 加入 Anthropic 了,盘点他开源的 5 个硬核 GitHub 项目。
github
你的保护色11 小时前
RAID学习
github
ChampaignWolf12 小时前
GitHub Copilot 用于 SAP ABAP 在 VS Code 中:本地部署团队设置指南
github·copilot
VIV-12 小时前
Pycharm项目上传到Github
ide·pycharm·github
xG8XPvV5d12 小时前
GitHub Actions自动化部署全攻略
运维·自动化·github
ChampaignWolf14 小时前
GitHub 发布全新 Copilot 独立应用,正面硬刚 Claude Code 与 Codex
github·copilot