vscode使用markdown无法预览网络图片的解决方法

01-06 187阅读 0评论

?=一、问题描述

使用VSCode,在markdown预览模式下无法预览网络图片

二、本机环境

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

本机markdown使用picgo插件 + github图床。相关配置方式请参考我的另一篇博文:vscode + picGo + github 配置免费图床

markdown 插件主要是:

vscode使用markdown无法预览网络图片的解决方法

三、解决方案

有两个地方需要设置

3.1 需要修改预览安全策略

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

vscode使用markdown无法预览网络图片的解决方法

vscode使用markdown无法预览网络图片的解决方法

3.2 配置Github 域名解析

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

picgo + github作为图床自动生成似如下地址,无法解析,直接点击浏览器中也无法打开https://raw.githubusercontent.com/BingHugh/picgo/main/20221113221343.png

解决方案:

打开https://www.ipaddress.com

在这个网站中的查询框中输入raw.githubusercontent.com,回车,在里面找到它相应的的ipv4地址:

vscode使用markdown无法预览网络图片的解决方法

选择一个或多个,比如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预览网络图片内容请搜索云初冀北以前的文章或继续浏览下面的相关文章希望大家以后多多支持云初冀北!

免责声明
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:goliszhou@gmail.com
$

发表评论

表情:
评论列表 (暂无评论,187人围观)

还没有评论,来说两句吧...