处理markdown图片链接包含空格导致无法预览图片的问题 • 声控烤箱的博客

具体来说就是 flowus 如果上传了多张图片到一个 md，然后导出的时候会出现在 obsidian 或者 vscode 中无法正常查看图片的情况。

这是因为这些图片被命名为 image.png image 1.png image 2.png, 然后在 md 中的语法为:

![alt 属性文本](<图片地址>)

所以导出的时候写法如下：

但是因为路径中包含空格，所以这些编辑器无法正确地识别到。

有两种方式来解决这个问题：

为了更好兼容性和更符合 md 的规范，我使用了第二种方法，也就是把链接使用<>包裹起来

被<>包裹起来的链接会被视为一个整体，这样就无需担心空格的问题了

处理方法如下：

方法一：obsidian + linter + 正则表达式处理

在 obsidian 中安装 linter 插件，然后在自定义配置中添加正则表达式处理

第一栏填写：(?<=\]$)(?!<)(.+?)(?!=>)(?=$)

第二栏填写 gm

第三栏填写：<$1>

如果你开启了保存后就运行 linter 的话，那么当前文件的链接就会被包裹起来了

如果你想要一次性批量修改全部的话，保险起见可以先 git commit 或者手动复制备份一下

然后 windows 按下 ctrl + p，mac 按下 cmd + p。

然后搜索 linter 然后选择到格式化所有文件，按下回车，就能全部处理了