导入的图片不显示

[qiaoxiuxia]

从本地导入包含图片的markdown文件到小书匠，但是小书匠编辑器打开以后不显示图片。啥原因？？？？？

[suziwen]

点一下这个，然后把截个图，我看一下图片链接是什么样子的

[qiaoxiuxia]

立时预览功能本来就是选中的，效果如我发的第一张截图所示，图片是我本地磁盘上的，不是网络链接的图片。

[suziwen]

我是指把这个功能关掉下，我看下具体链接是什么．

[qiaoxiuxia]

我用的绝对路径就不支持显示图片了吗？

[suziwen]

这种连接暂时没有考虑到．

需要把链接改成相对链接，然后在 设置>基本 里， 资源绝对路径起始地址 把值改成统一路口，就能识别这些本地文章的图片．

[suziwen]

刚在 window 试了下，好像是 \ 和 / 的问题引起的

把链接地址改成 E:/markdown/image．．．． 左右两边就能正确显示．

确认为 bug.

[ittimeline]

图片地址不能用相对路径么？现在相对路径地址的图片都不显示

[ittimeline]

配置了绝对路径起始地址也不显示图片

[suziwen]

@ittimeline

好像是 markdown 语法里的链接，不能有空格，不然会不识别为图片语法，需要把空格替换成 %20

---

你把这段文字贴过来，我看下

[ittimeline]

我刚把空格替换成%20 图片确实显示了，但是小书匠能不能统一处理下啊？？？

[ittimeline]

这个语法在Typora markdown编辑器是没问题的

[suziwen]

@ittimeline 这个才是正确的语法，你在 github/vscode 上试下这个带空格的链接，都会变成普通文本.

![](http://www.baidu.com/ss     ss)

![](http://www.baidu.com/ss%20%20%20ss)


[suziwen]

@ittimeline

如果链接地址是自己手动输入的话，就要注意把地址进行 url 编码，如果是通过小书匠拖拽添加的图片，会把空格等特殊符号用下划线代替。

[ittimeline]

链接地址是本地图片的地址，但是有空格。不过我的其他markdown编辑器(例如Typora，IDEA自带的Markdown)都能显示带空格的图片，为啥小书匠就要将空格替换成%20?????? 我这本地的几百张图片还得一张张手动替换，能不能帮忙自动处理下？拜托老板了

[ittimeline]

[ittimeline]

[suziwen]

@ittimeline

不用替换本地图片，就是替换文章内链接里的空格。通过在文章里查找替换一下就可以了。

---

这个空格问题，暂不做为 bug 考虑。(算是兼容性问题，像 Github 这样的 markdown 大户都不管，我就跟进暂时先不动了。)

因为 markdown 语法定义各大厂家基本相同，但到了特殊情况的边界问题时，每家又各有各的做法，没办法得到统一处理。

目前业内比较统一的一家规范定义是 commonmark，很多 markdown 解析库都拿他来做为标准，然后各个解析库依照这个规范实现自己的代码, 小书匠基础语法解析使用的是 markdown-it 这个库，算是比较严格遵循 commonmark 规则了。对于链接里的空格， commonmark 也是明确要求进行 url 编码，markdown-it 上很多 issues 也都是直接被驳回, markdown-it/markdown-it#428, markdown-it/markdown-it#397

同时我看了另一家使用比较多的 markdown 解析库 marked, 也是明确空格必须编码后处理。这里是 demo 演示

[ittimeline]

怎么查找替换空格？

[suziwen]

@ittimeline

正则替换可以看这篇文章

---

比如查找框输入

(\!\[.*\]\(.*)IntelliJ IDEA(.*\))

替换框输入

$1IntelliJ%20IDEA$2

[ittimeline]

好的