zl程序教程

您现在的位置是:首页 >  其它

当前栏目

Markdown之内嵌base64图片(十)

图片 markdown base64 之内
2023-09-14 09:16:13 时间
  1. 需求

不管是本地图片,还是URL网络图片,一旦文件路径发生变化,或网页404,我们的资源文件就丢了,所以使用base64内嵌图片的方式,可以尝试一下。

  • 基本原理:

将图片转换成base64编码,然后插入markdown即可。

  1. 图片转base64编码
<1>.在线网络生成base64

推荐网址:https://www.matools.com/image-base64

也可以自行搜索。

<2>.使用python代码生成
#!/bin/env python
import base64
from PIL import Image # pip install pillow

image_infile = './01.png'
with open(image_infile, 'rb') as f:
    ls_f = base64.b64encode(f.read())
print("base64: 获取b后面 b'此部分copy' ", ls_f)

取b'此部分为base64码',然后拷贝到markdown需有的固定格式即可。

<3>.内嵌到markdown中
![xxx][link1]
xxxxxxx
把base64内容放到文末。
[link1]:data:image/png;base64,此部分即base64编码,替换即可
<4>.优缺点
  • 优点:

markdown内嵌文件不会丢失。

  • 缺点:

图片越大,base64码越长,markdown越卡顿,读者自行取舍。