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

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

一、问题描述

使用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预览网络图片内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!

您可能感兴趣的文章:

  • VSCODE配置Markdown及Markdown基础语法详解

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 编程技巧 vscode使用markdown无法预览网络图片的解决方法 https://www.u-9.cn/biancheng/jiqiao/97995.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务