前人总结的解决办法:
(1)在VScode编辑页面,按快捷键Ctrl+Shift+P,搜索markdown更改预览安全设置,选择允许不安全内容,即可显示预览网页图片。
(2)本地图片显示预览,要注意.md文件的路径和图片存放的路径,使用图片的相对路径即可显示预览。(注意路径不能有引号" ")
我遇到的无法显示图片的原因及解决办法:
原因:vscode未打开图片所在的目录,比如 :
Markdown 文件在 book 目录下,而引用的图片在 book 同级的 images 目录下,那么如果 vscode 只打开book目录,就无法显示:
解决办法:用 vscode 打开 book 和 images 的父目录就能正常显示: