在VSCode 中, markdown 有图片链接,但预览无法显示图片

问题

在VSCode中, 编辑MarkDown文件,加入了图片链接, 但是在预览时缺无法显示。

源文件如下:
在VSCode 中, markdown 有图片链接,但预览无法显示图片_第1张图片
预览却显示不出来:
在VSCode 中, markdown 有图片链接,但预览无法显示图片_第2张图片

原因:

是因为Visual Studio Code中的MarkDown默认配置中只允许载入安全内容。

解决方法:

输入快捷键 Ctrl + Shift + P 打开命令框,输入Markdown,选择 更改预览安全设置。
在VSCode 中, markdown 有图片链接,但预览无法显示图片_第3张图片
Visual Studio Code 更改md预览安全设置
在VSCode 中, markdown 有图片链接,但预览无法显示图片_第4张图片
选中 允许不安全内容 允许通过http载入内容,就可以在md文件中正常看到图片了。

在VSCode 中, markdown 有图片链接,但预览无法显示图片_第5张图片

你可能感兴趣的:(前端,vscode,ide,编辑器)