Typora等Markdown笔记软件图片链接失效问题的解决办法、图片的相对路径和绝对路径的设置、图片上传到图床的方式
Typora等Markdown笔记软件图片链接失效问题的解决办法、图片的相对路径和绝对路径的设置、图片上传到图床的方式
遇到的问题：用Typora编辑MD文档并解决图片失败问题
Markdown是一个非常方便的文档编辑器，可以用于文档摘要、博客编辑等。
我使用 Typora 进行 MD 编辑。 但是最近编辑文档的时候，发现插入的图片经常失败。 最终确定的原因是：由于上传的图片使用的是绝对路径或者相对路径，所以每次插入截图图片时，都会默认将图片保存在磁盘中。 连接MD文件时，图片的链接会失效，会出现图片加载失败的问题。
概述：
使用markdown写东西和插入图片有几种情况：
1、通过本地文件的绝对路径获取图片
缺点：一旦连接原始图片位置或md文件，将很难获取图片，导致图片无法加载。 除非你再次在笔记本中找到该图片并重新上传。 非常非常痛苦、麻烦。
2、将镜像复制到同一个.md文件中，通过文件的相对路径获取。
缺点：复制到同一个目录会减少文件大小，上传到互联网（比如博客），图片仍然无法识别你本地的图片，你还是要一张一张上传图片。
3.将图片上传至图床后，通过图片链接获取图片。
缺点：Windows版本无法使用，仅在Mac上可用； Mac版本暂时没有缺点；
解决方案： 方法一：对于本地镜像，使用相对路径，将镜像放在与md文件同一目录下。
将Typora图片引用的路径修改为相对路径，MD文件目录下会生成图片文件夹。 移动文件时，将MD文件与存放图片的文件夹连接起来，可以解决图片丢失的问题。
步骤1、Typora镜像根目录设置
单击文件 - 首选项 - 图像
默认为“无特殊操作”，改为“将图片复制到./${filename}.assets文件夹”
步骤2.Typora设置图片的相对路径
并勾选接下来的两项“将上述规则应用于本地位置的图片”和“优先使用相对路径”
图像
选择此选项后，每次创建新的md文件时，都会在md文件所在的文件夹中手动创建一个与该文件同名的.assets文件夹，并且复制的图片也会手动保存到其中
图像
步骤3、Typora手动复制图片到指定目录
勾选插入本地图片时将图片复制到文件夹：格式-图像-插入本地图片时-将图片复制到文件夹
图像
设置完成后，每次粘贴到md文档中的图片地址就会变成右侧显示的路径：
图像
方法二：手动上传typora markdown图片到图床（iPic for MAC）
上传图片到图床是我最喜欢的方法，但是步骤很多：打开图床、上传、复制链接、插入链接。 总之，往md文件中插入图片还是让我很不爽。
直到最近，我才发现typora提供了一个很甜很酷的方法：在本地插入图片时，直接将图片上传到图床iPic。 它是如此令人兴奋。 而且，如果你想迁移图床html插入本地图片，可以使用iPic mover工具，这两个工具都可以在应用商店下载。
缺点：windows端无法使用，只能在mac上使用； mac端暂时没有缺点；
开启步骤：
第 1 步，首选项 -> 编辑器 -> 允许上传到给定服务器检查
图像
步骤2.打开App Store并安装图床应用程序iPic
图像
步骤3.插入图片时启用上传到图片床
图像
步骤-添加：如果md文件已经写入并且图片存储在本地，则可以一键将文档上的本地图片全部上传到图床上
如何上传单张图片：
选择单张图片--右键--通过ipic上传图片
图像
如何一次上传所有图片：
Ctrl+A 选择所有文章 —> 然后使用正确的图片格式-图片-使用iPic上传本地图片
图像
图像
图像
结束。
方法三：在Typora等支持markdown的工具中永久插入图片：在Markdown中嵌入base64图片
解决方案
首先通过在线转码工具将图像转换为base64编码，并按照以下格式嵌入
请按如下方式进行：
步骤1.将图片或截图保存到本地；
步骤2.使用在线工具将图像转码为base64编码； （关联）
步骤3.在文档中插入编码；
[图片上传失败...(image-820762-1576846319434)]
格式如下：
![图片] (base64)
但由于base64编码往往很长，占用空间很大，所以我们可以对图片进行编号，将图片的所有base64编码放在文档的最后。 格式如下：
在插入图像的位置使用：![图像] [图像编号]
文档末尾使用：[图片编号]：base64编码
这样就完成了图片的永久插入！
请注意，不能使用 png 格式。 如果你使用它，它会特别影响你的编码体验。 如果使用jpg，极少数情况下会出现问题。 具体用typora试一下就知道了。
这时候还有一个问题，就是图片转换成base64后html插入本地图片，这段代码很长，会影响我们写笔记，所以我们用给图片代码设置image id，把这段代码在最后！
格式如下：
图像
这样你就可以将图像嵌入到markdown中
插入本地图片的base64编码，可以将图片与文字结合起来，只是图片不要太大
版权属于作者。 转载或内容合作请联系作者。
