本人用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。貌似这个标准不允许路径中出现空格、井号之类的东西。可以尝试把你的文件整个复制到一个新的地方,仔细改一下名。一旦你的图片绝对路径中存在这些符号,就会出问题。不论在引用图片的时候是用的绝对路径还是相对路径。