.md文件中插入本地图片并显示图片预览

---

前言

本文详细介绍了在md文件中插入图片，并在md文件中显示图片预览的操作方法，具体有以下两种实现方式：
一、图片文件上传到gitee图片仓库——所有打开.md文件的人都能看到
二、图片文件放在本地电脑上——电脑上有图片的人才可在.md文件中预览图片。

---

一、图片文件上传到gitee图片仓库

1:获取图片网址

(1).注册gitee，建立gitee图片仓库

gitee对应操作见廖雪峰老师博客:
https://www.liaoxuefeng.com/wiki/896043488029600/1163625339727712

推荐使用国内的gitee网站作为图床，不用翻墙。github也可作为图床，但在md文件中由于防火墙问题不能预览图片。建立好的图片仓库权限需设置为public，否则md文件中图片将不可见。如图:

(2)上传图片至gitee图片仓库

此步骤涉及一些基础的git操作，不熟悉的朋友可自行百度。
(1)将上述仓库(img_storage)clone到本地，并将目标图片放入
java_learn_note_imgs文件夹下。结果如下图:

(2)将新增图片add–commit—push到远程仓库img_storage的对应文件夹下，至此，获得了每张图片的网址。如下图:

2.修改图片网址，插入到md文件中并预览

(1).修改图片网址

上述图片原始网址为
https://gitee.com/xl145/img_storage/blob/main/java_learn_note_imgs/10-2_short_division.png

要想在md文件中显示，需将黑体部分改为raw,即:
https://gitee.com/xl145/img_storage/raw/main/java_learn_note_imgs/10-2_short_division.png

(2).将修改好的网址插入md文件并预览

如下图:

二、图片文件放在本地电脑上

1.在本地创建图片文件夹并放入图片

需要在.md文件所在目录创建一个upload文件夹来存放图片，如图

2.批量修改.md文件中的图片地址文本

把.md文件中的图片路径批量修改为 ./upload，批量修改路径字符的python代码请参考链接 https://www.cxymm.net/article/senupp/104073881
如将 ‘https://gitee.com/lsqpic/BlogPicBed-1/raw/master/img’—>‘./upload/BlogPicBed-1/img’

总结

两种方法中，方法二更简单，但要注意 如果只把.md文件发给他人，而未发upload里的图片，则对方在.md文件中将无法浏览图片。