Vscode Markdown无法显示本地图片
记录一个遇到的问题:
背景
在typora上写完了文章,想分享给同事,但是由于插图了,所以导出PDF又很难看,又担心同时没装typora,所以打算让他们在VsCode的markdown插件上面看。
结果typora上写好的文章图片,图片也正常,但是在VsCode上死活显示不了。
打开文件后不显示图片,看了网上的帖子有的说是要用相对路径,但是我的图片存储习惯一直是相对路径。有的帖子又说,要打开md和图片文件夹,如果这两个在同一级目录,要打开上级目录,我检查了一下也打开了上级目录。
一度怀疑是不是VsCode的图片插入语法和typora不一样,或者是VsCode插件装出问题了。然后我就把文件夹里面的图片直接拖入发现可以正常显示,说明Vscode+插件是可以显示图片的,最后捣鼓了半天,发现如果图片路径没有中文,就可以显示图片了。
原因
- 首先是绝对路径和相对路径,我的typora一直都是以相对路径存储
- Vscode要同时载入md文件和图片文件夹,选择上级目录打开。
- 捣鼓了半天,最后发现的原因是 VsCode 的 markdown 插件并不支持识别中文路径,而typora 支持识别中文路径,所以在typora上识别成功的图片,有可能在Vscode中无法识别成功。
不同环境下可能结果不同
回来拿自己电脑写帖子复现问题的时候发现,我的个人电脑上的Vscode+markdown插件,能够识别中文路径下的图片。这下问题就复杂了,可能是Vscode的问题,也可能是markdown插件的问题,或者电脑上的却别,W10和W11的区别,或者公司的电脑没有管理员权限,个人电脑有管理员权限等等。