vscode使用markdown无法预览网络图片的解决方法（vscode如何预览网页样式）不要告诉别人

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

文章摘要

在VSCode中使用Markdown预览时，无法预览网络图片的问题主要与GitHub自动生成的图片地址解析问题有关。具体解决方案包括： 1. 在预览模式下，通过快捷键Ctrl+Shift+P，进入安全设置，允许预览不安全内容，使Markdown预览功能正常显示网络图片。2. 配置GitHub域名解析，将GitHub图床的静态图片地址正确解析。需要将GitHub相关域名解析到本地域名，可以通过将指定IPv4地址添加到`C:WindowsSystem32driversetchosts`文件来实现。具体步骤包括：- 访问`https://www.ipaddress.com`，输入目标域名，查找对应的IPv4地址。- 将找到的多个IPv4地址添加到hosts文件中，并设置对应的GitHub域名。通过以上步骤，即可解决Markdown预览网络图片的问题，使图片正常显示。文章还建议参考相关博文了解详细配置方法。

目录一、问题描述二、本机环境三、解决方案3.1 需要修改预览安全策略3.2 配置github 域名解析

使用vscode，在markdown的预览模式下无法预览网络图片

该问题与电脑硬件以及操作系统环境无关。

本机markdown使用picgo插件 + github做图床。

相关配置方式请参考我的另一篇博文：

vscode + picgo + github 配置免费图床

markdown 插件主要是：

20221229223401

有两个地方需要设置：

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

20221229223630

20221229223729

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

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

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

解决方案：

打开https://www.ipaddress.com

在这个网站中的查询框中输入：，回车，在里面找到它相应的的ipv4地址：

20221113223808

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

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

保存后即可正常加载

到此这篇关于vscode使用markdown无法预览网络图片的解决方法的文章就介绍到这了,更多相关vscode markdown预览网络图片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:VSCODE配置Markdown及Markdown基础语法详解