在使用 Markdown 编写文档时,插入图片是常见需求。但很多初学者会疑惑:这些图片到底应该存在哪里?本文将为你详细解析 Markdown 中图片的几种存放与引用方式。
1. 网络图片(推荐)
最简单的方式是直接引用网络上的图片地址:

优点:无需管理本地文件,适合在线平台(如 GitHub、博客等)。
2. 本地相对路径
如果你在本地维护一个项目(比如静态网站或笔记系统),可以将图片放在项目目录中,并使用相对路径:

此时,photo.png 应位于当前 Markdown 文件所在目录下的 images 文件夹中。
3. Base64 嵌入(不常用)
你也可以将图片转为 Base64 编码直接嵌入 Markdown(极少使用,会导致文件体积剧增):

这种方式适合极小图标,但一般不推荐用于常规图片。
4. 静态博客/笔记工具中的处理
像 Obsidian、Typora、Hugo、Hexo 等工具通常有默认的图片存储策略:
- Obsidian:建议将图片统一放在
attachments或同级目录。 - Typora:可设置自动将图片复制到指定文件夹并更新路径。
- Hugo/Hexo:通常将图片放在
static/或assets/目录下。
总结
选择哪种方式取决于你的使用场景:
- 在线协作 → 使用网络图片链接;
- 本地写作 → 使用相对路径 + 统一图片文件夹;
- 发布到静态网站 → 遵循对应框架的资源管理规范。