Markdown 图床:适用于 GitHub README、文档和笔记的图片上传
作者:产品团队
上传截图、示意图或 GIF。你会得到可直接粘贴到 README、Wiki 或笔记中的 Markdown 代码——免费,无需注册,链接不会过期。
上传图片★ 评分 4.4/5,来自 137 位用户评分
Markdown 通过链接来显示图片:。图片必须存放在网络上的某个地方。YourImageShare 免费为你托管图片,并提供可直接粘贴的 Markdown 代码,适用于 GitHub、GitLab、Obsidian、文档网站或任何其他 Markdown 文件。
获取图片的 Markdown 代码
- 上传图片。点击上传图片,或者在电脑上按 Ctrl+V,直接从剪贴板粘贴截图。
- 上传完成后打开 Markdown 标签页,复制代码。
- 粘贴到你的文件中。
Markdown 标签页提供的是可点击的图片,点击后会打开原尺寸大图:
[](https://yourimageshare.com/ib/AbC123xYz0)如果只需要不带链接的普通图片,只保留内层部分,并填写有意义的替代文字:
GitHub README、Issue 和 Wiki 中的图片
GitHub 会在 README、Issue、Pull Request、Discussions 和 Wiki 中显示外部图片。粘贴 Markdown 代码后,页面渲染时图片就会显示出来。
- 设置大小可以使用 HTML 标签,GitHub 允许在 Markdown 中使用:
<img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot"> - 演示 GIF 在 README 中可以持续播放——参见 GIF 上传,或使用视频转 GIF 工具把屏幕录制转成 GIF。
- 替代文字可为读屏软件描述图片内容,图片无法加载时也会显示出来。
Obsidian、Notion 和文档网站
- Obsidian、Typora、VS Code 预览等 Markdown 编辑器会根据链接显示图片,因此笔记文件体积小,图片在每台设备上都能正常显示。
- Notion:输入
/image,选择嵌入链接,然后粘贴直接链接(直接链接标签页)。 - 使用 MkDocs、Docusaurus、Jekyll、Hugo 或 GitBook 搭建的文档网站,同样支持这种 Markdown 图片语法。
为什么把图片放在仓库之外
- 仓库更小。截图和 GIF 会让每次克隆都多出几兆数据,而且一直如此,即使你之后替换了它们。托管的图片只有在有人查看页面时才会加载。
- 链接不会过期。图片会一直保存,直到你自行删除。
- 无需注册,也无需任何配置。如果用于脚本和 CI,还有免费的上传 API。
- 原始分辨率,无水印。图片存储前会移除 EXIF 数据,包括位置信息。
常见问题
如何在 Markdown 文件中插入图片?
上传图片后,在 Markdown 标签页复制 Markdown 代码,粘贴到文件中即可。Markdown 使用
 来显示图片。这些图片可以用在 GitHub README 中吗?
可以。GitHub 会在 README、Issue、Pull Request 和 Wiki 中显示外部图片。粘贴 Markdown 代码后,文件渲染时图片就会显示出来。
如何设置 README 中图片的大小?
普通 Markdown 没有设置大小的选项。在 GitHub 上,可以使用带宽度的 HTML 图片标签,例如
<img src="image link" width="400" alt="Screenshot">。为什么要把 README 图片放在仓库之外?
截图和演示 GIF 会让每次克隆仓库都多出几兆数据。而托管的图片只有在有人查看 README 时才会加载。
图片链接会过期吗?
不会。图片会一直保存,直到你自己删除,所以文档中的链接可以长期有效。
准备好上传你的图片了吗?