欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

MarkDown 文档中插入 Base64 图片

程序员文章站 2022-05-26 15:25:18
...

一般插入图片的方式

![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 是对图片的描述,这个描述可以为空

相关标签: 工具使用