脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 相关技巧 → vscode markdown预览网络图片

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

 更新时间：2023年01月06日 10:17:04   作者：smart_cat  
本文主要介绍了vscode使用markdown无法预览网络图片的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

一、问题描述

使用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

保存后即可正常加载

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

您可能感兴趣的文章:

相关文章

  • 微信小程序学习之初探小程序

    微信小程序学习之初探小程序

    这两天“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。
    2016-09-09
  • 算法系列15天速成 第五天 五大经典查找【中】

    算法系列15天速成 第五天 五大经典查找【中】

    大家可否知道，其实查找中有一种O(1)的查找，即所谓的秒杀
    2013-11-11
  • 从0到1搭建后端架构的演进(MVC,服务拆分,微服务,领域驱动)

    从0到1搭建后端架构的演进(MVC,服务拆分,微服务,领域驱动)

    来腾讯之前在前公司做了3年的后端开发，经历一款SaaS产品从0到10（还没有到100, 哈哈哈）的过程，3年间后端的架构逐步演变，在微服务的实践过程中遇到的问题也越来越多，在这里总结下
    2021-08-08
  • Scala 环境搭建及IDEA工具的配置使用教程

    Scala 环境搭建及IDEA工具的配置使用教程

    这篇文章主要介绍了Scala 之 环境搭建 及 工具IDEA的配置使用,本文通过实例图文相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-06-06
  • Git基础学习之文件删除操作命令详解

    Git基础学习之文件删除操作命令详解

    这篇文章主要为大家详细介绍了Git基础学习中的文件删除操作命令，文中的示例代码讲解详细，具有一定的借鉴价值，感兴趣的小伙伴可以了解一下
    2022-10-10
  • VSCODE添加open with code实现右键打开文件夹

    VSCODE添加open with code实现右键打开文件夹

    这篇文章主要介绍了VSCODE添加open with code实现右键打开文件夹，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • IDEA/WebStorm/Pycharm鼠标滚轮ctrl+滚轮-调节缩放字体大小

    IDEA/WebStorm/Pycharm鼠标滚轮ctrl+滚轮-调节缩放字体大小

    很多朋友不清楚IDEA/WebStorm/Pycharm鼠标滚轮ctrl+滚轮-调节缩放字体大小的，下面我以idea开发工具为例给大家通过截图一步步展示操作方法,需要的朋友可以参考下
    2021-05-05
  • i++循环与i-–循环的执行效率(递增与递减效率)

    i++循环与i-–循环的执行效率(递增与递减效率)

    i++循环与i-–循环的执行效率(递增与递减效率)，需要的朋友可以参考下。
    2011-01-01
  • Git里多种撤销操作的最佳方法

    Git里多种撤销操作的最佳方法

    这篇文章我们会给大家介绍关于Git里的多种撤销操作，我会讲解某些你需要“撤销”已做出的修改的常见场景，以及利用 Git 进行这些操作的最佳方法。下面来一起看看吧。
    2016-09-09
  • 2019最新的Pycharm激活码(推荐)

    2019最新的Pycharm激活码(推荐)

    PyCharm 是一款功能强大的 Python 编辑器，具有跨平台性。这篇文章给大家介绍2019最新的Pycharm激活码，需要的朋友一起看看吧
    2019-10-10

最新评论