轻松记录您
灵感和创意

如何解决Markdown相对路径插入图片不显示的问题?

本人用Win10系统,发现不论是VSCode还是Atom预览Markdown文件的时候都存在这样一个问题——如果用相对路径引用图片,图片就不会被渲染。奇葩的是如果md文件和图片被复制到C盘问题就消失了。在D盘就不行。我又试了一下在另一台Windows 7系统上,用VSCode打开同样的文件,发现不论在哪个盘都能使用相对路径。

本人用Win10系统,发现不论是VSCode还是Atom预览Markdown文件的时候都存在这样一个问题——如果用相对路径引用图片,图片就不会被渲染。奇葩的是如果md文件和图片被复制到C盘问题就消失了。在D盘就不行。我又试了一下在另一台Windows 7系统上,用VSCode打开同样的文件,发现不论在哪个盘都能使用相对路径。

对问题的分析:一开始我以为是VS Code的问题。后来用Atom发现也有这个现象。所以认为这个问题不孤立地存在于VS Code中。不一定是VS Code本身的Bug。

解决过程:

1. 首先是更新VS Code。貌似git上有人遇到这种情况,维护人员建议他尝试安装最新的VS Code。但是我安装最新版的VS Code之后问题仍然没有解决(不能说明这一步没用,万一我之前的VS Code版本也确实不对呢)。

2. 我之前所用的路径中存在字符“#”,而且还是以“#”开头。VS Code的Markdown渲染基于markdown-it,遵循CommonMark。貌似这个标准不允许路径中出现空格、井号之类的东西。可以尝试把你的文件整个复制到一个新的地方,仔细改一下名。一旦你的图片绝对路径中存在这些符号,就会出问题。不论在引用图片的时候是用的绝对路径还是相对路径。

未经允许不得转载:坚果之云 Markdown » 如何解决Markdown相对路径插入图片不显示的问题?
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍