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

您所在的位置:网站首页 markdown显示网页图片 解决vscode使用markdown无法预览网络图片

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

2024-07-12 00:55| 来源: 网络整理| 查看: 265

解决vscode使用markdown无法预览网络图片 一、问题描述二、本机环境三、解决方案3.1 需要修改预览安全策略3.2 配置github 域名解析

一、问题描述

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

二、本机环境

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

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

markdown 插件主要是: 20221229223401

三、解决方案

有两个地方需要设置:

3.1 需要修改预览安全策略

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

20221229223630

20221229223729

3.2 配置github 域名解析

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

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

解决方案:

打开https://www.ipaddress.com在这个网站中的查询框中输入:raw.githubusercontent.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 保存后即可正常加载


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3