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