Vscode 中markdown不能显示预览图片问题

问题描述

使用vscode,在markdown的预览模式下无法加载预览图片问题

本机环境

该问题与操作系统基本无关,本机markdown使用picgo+github做图床

markdown的插件主要为: 20230207225205

解决方案

设置好两个地方即可

第一个是修改预览的安全策略

按快捷键Ctrl+Shift+P,搜索markdown更改预览安全设置,选择允许不安全内容,即可显示预览网页图片 20230207225439 20230207225459

第二个是配置github的域名解析

对于使用picgo + github作为图床的,还需要设置一下域名解析。

picgo + github作为图床自动生成的类似如下地址,无法解析,直接点击在浏览器中也无法打开

https://raw.githubusercontent.com/ljy18/picgo/main/20221113221343.png

20230207225737

选择一个或多个,比如185.199.108.133, 将它写入到C:\Windows\System32\drivers\etc\hosts文件中,如下所示

1
2
3
4
185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com
使用 Hugo 构建
主题 StackJimmy 设计