Markdown中嵌入图片教程

在Markdown文档中嵌入图片有两种常见的方式:使用本地文件路径或使用网络URL。但是,如果你想直接将图片编码进MD文档中,你可以使用Base64编码。

以下是将图片转换为Base64编码并嵌入到Markdown文档中的步骤:

  1. 获取图片文件
    首先,你需要有要嵌入的图片文件。

  2. 转换为Base64编码
    使用任何编程语言(如Python、JavaScript等)或者在线工具,将图片文件转换成Base64编码字符串。以下是一个简单的Python示例代码,用于读取一个图片文件并将其转换为Base64编码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    import base64

    try:
    with open("path/to/your/image.jpg", "rb") as img_file:
    encoded_string = base64.b64encode(img_file.read()).decode('utf-8')
    except FileNotFoundError:
    print("文件未找到,请检查路径是否正确。")
    except Exception as e:
    print(f"发生错误: {e}")
  3. 嵌入到Markdown文档中
    将得到的Base64编码字符串插入到Markdown文档中,格式如下:

    1
    ![Alt Text](data:image/jpeg;base64,encoded_string)

    也可以使用类似超链接的方式将图片设置在文末,格式如下:

1
[Alt Text]:data:image/jpeg;base64,encoded_string
效果如下:


其中encoded_string是上一步生成的Base64编码字符串。请确保在data:image/jpeg;base64,后面粘贴你的编码字符串,并且不要忘记开头的逗号。如果你用的是PNG格式的图片,则应将jpeg替换为png

这样,当Markdown文档被解析时,它会显示图片而不是编码字符串。请注意,将大图片以这种方式嵌入可能会显著增加文档的大小,因此对于较大的图像文件,这可能不是最佳做法。