MarkDown 文档中插入 Base64 图片

最新推荐文章于 2025-07-15 17:10:44 发布

原创最新推荐文章于 2025-07-15 17:10:44 发布 · 1w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#工具使用

本文介绍两种在Markdown中插入图片的方法：直接插入图片链接和使用Base64编码的图片。通过这两种方式，用户可以在Markdown文档中灵活地展示所需图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般插入图片的方式

![alt](/pictures/img/test.png)

![alt](https://test.jxtxzzw.com/pictures/img/test.png)

插入 base64 图片代码的方式

将图片转换为 base64 图片代码（使用网上的工具）
将 base64 图片代码放到文末，为图片代码设置 image ID
在文中需要使用图片的时候，用 ![image description][image ID] 的方式调用

具体实现

图片代码如下：

  [service_life]:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYUAAAH7CAIAAACsaRSuAAAgAElEQVR4AexdBYBVRfe/
  +bq2WbokRFpQLECwW7EVP9vPxP7b3aLYiiIoCIgCighi4GeCSkhIydKwsL2vb/9
  /59733r5dFkTcReINl7vz5k6eOXPOmTNnZhgm4zIQyEAgA4EMBDIQyEAgA4EMBDIQy
  EAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4EMBDIQyEAgA4HdgwC7e8kaKJVVOudw+
  ...(后面省略)

其中，service_life 是为这个图片代码设置的 image ID ，也就是它的名字。后面调用的时候就是使用这个名字来实现。