将图片插入到markdown文件中(Github和本地计算机)并解决图片无法在md文件预览中显示的问题
blogger上的文章同步过来：
1. Github [1]
(1) 位于同一文件夹
如果图片和md文件在同一个文件夹，例如“username/example.md”和“username/1.png”，那么输入：
(2) 位于不同位置
如果图像位于“username/docs/assets/1.png”，md 文件位于“username/docs/example.md”，则应输入：
(3) URL
如果图片的url是“https: //example/1.jpg”，那么你应该输入：
注意可能是由于 Github 服务器的原因，将图片上传到 Github 再用相对路径引用有时无法显示图片，因此在 Github 上最好用 URL 引用储存在国内服务器上的图片。
2.本地电脑
Markdown编辑器：VS Code
扩展: Markdown Preview Enhanced by Yiyi Wang
(1) 位于同一文件夹
如果图片和md文件在同一个文件夹，例如“C:\Users\X\Desktop\example.md”和“C:\Users\X\Desktop\1.png”，那么你应该输入：
(2)md文件位于某文件夹，图片位于其下子文件夹
如果图片位于md文件所在文件夹下的子文件夹中，例如md文件位于“C:\Users\X\Desktop\example.md”，图片位于“C:\Users\ X\Desktop\NoExample\1.jpg”，那么你应该输入：
请注意，文件夹名称中不能有空格。如果有空格的话，用 %20 替代它们。（你可以在本文中的其他代码不起作用时检查这个）
(3) URL
和1.(3)相同
(4) 绝对文件路径
如果图片的文件路径为“C:\Users\X\Desktop\1.png”，则输入：
注意将第一个“\”改为“/”，这样图片才能正常显示。
(5) Base64 字符串 [2]
将图片转换为base64 字符串在以下网站：
图片在线转换base64编码-在线base64编码转换成图片工具
然后你输入：
)
或者你输入：
![][tmp]
在要插入图像的地方然后输入：
[tmp]: data:image/png;base64,...（base64 字符串）
在文章的最后来将base64字符串放在文章的末尾。（以png为例）
请注意，它是 [tmp] 而不是 (tmp)、[] 而不是 ()，并且您应该在纯 base64 字符串之前输入“data:image/png;base64,”，它们之间没有空格。
如果图片仍然无法预览，你可以将md文件保存到本地然后再试一次。（你可以在 2. 中其他代码不起作用时试试这个）。
这种方法会将图像嵌入到 md 文件中，因此文件会更大。
参考
- ^ GitHub Markdown: Add an Image to README.md File https://www.foxinfotech.in/2019/12/github-markdown-add-an-image-to-readme-md-file.html
- ^ 将图片内嵌入Markdown文档中 https://blog.csdn.net/u010158659/article/details/61197893
