MarkDown 文档中插入 Base64 图片

一般插入图片的方式

![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 ,也就是它的名字。后面调用的时候就是使用这个名字来实现。

  • 调用图片代码:

      ![service life image][service_life]
    

其中,service life image 是对图片的描述,这个描述可以为空

你可能感兴趣的:(MarkDown 文档中插入 Base64 图片)