Markdown中嵌入图片教程
Markdown中嵌入图片教程
在Markdown文档中嵌入图片有两种常见的方式:使用本地文件路径或使用网络URL。但是,如果你想直接将图片编码进MD文档中,你可以使用Base64编码。
以下是将图片转换为Base64编码并嵌入到Markdown文档中的步骤:
获取图片文件:
首先,你需要有要嵌入的图片文件。转换为Base64编码:
使用任何编程语言(如Python、JavaScript等)或者在线工具,将图片文件转换成Base64编码字符串。以下是一个简单的Python示例代码,用于读取一个图片文件并将其转换为Base64编码:1
2
3
4
5
6
7
8
9import 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}")嵌入到Markdown文档中:
将得到的Base64编码字符串插入到Markdown文档中,格式如下:1

也可以使用类似超链接的方式将图片设置在文末,格式如下:
1 | [Alt Text]:data:image/jpeg;base64,encoded_string |
效果如下:
其中encoded_string
是上一步生成的Base64编码字符串。请确保在data:image/jpeg;base64,
后面粘贴你的编码字符串,并且不要忘记开头的逗号。如果你用的是PNG格式的图片,则应将jpeg
替换为png
。
这样,当Markdown文档被解析时,它会显示图片而不是编码字符串。请注意,将大图片以这种方式嵌入可能会显著增加文档的大小,因此对于较大的图像文件,这可能不是最佳做法。