vscode使用markdown無法預(yù)覽網(wǎng)絡(luò)圖片的解決方法
一、問題描述
使用vscode，在markdown的預(yù)覽模式下無法預(yù)覽網(wǎng)絡(luò)圖片
二、本機環(huán)境
該問題與電腦硬件以及操作系統(tǒng)環(huán)境無關(guān)。
本機markdown使用picgo插件 + github做圖床。
相關(guān)配置方式請參考我的另一篇博文：
vscode + picgo + github 配置免費圖床
markdown 插件主要是：
三、解決方案
有兩個地方需要設(shè)置：
3.1 需要修改預(yù)覽安全策略
按快捷鍵Ctrl+Shift+P，搜索markdown更改預(yù)覽安全設(shè)置，選擇允許不安全內(nèi)容，即可顯示預(yù)覽網(wǎng)頁圖片
3.2 配置github 域名解析
對于使用picgo + github作為圖床的，還需要設(shè)置一下域名解析。
picgo + github作為圖床自動生成的類似如下地址，無法解析，直接點擊在瀏覽器中也無法打開
https://raw.githubusercontent.com/BingHugh/picgo/main/20221113221343.png
解決方案：
在這個網(wǎng)站中的查詢框中輸入：raw.githubusercontent.com，回車，在里面找到它相應(yīng)的的ipv4地址：
選擇一個或多個，比如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
保存后即可正常加載
到此這篇關(guān)于vscode使用markdown無法預(yù)覽網(wǎng)絡(luò)圖片的解決方法的文章就介紹到這了,更多相關(guān)vscode markdown預(yù)覽網(wǎng)絡(luò)圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了分享五個最佳編程字體,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了Mac M1安裝Homebrew的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
獲取目錄下所有文件名的代碼，需要的朋友可以參考下。2011-07-07
這篇文章主要介紹了訪客站點停留時間和頁面停留時間的實現(xiàn)方案,需要的朋友可以參考下2015-01-01
VSCODE內(nèi)使用Jupyter模式運行backtrader不展示圖片、圖片尺寸無法自定義的解決方案
VSCODE中使用Jupyter模式運行backtrader時,圖片無法展示或調(diào)整尺寸,通過修改matplotlib的全局設(shè)置,并將配置文件傳遞給cerebro.plot,可以解決圖片展示和尺寸調(diào)整的問題,感興趣的朋友一起看看吧2025-02-02
FlippingBook是一款收費的圖書翻頁效果的flash播放器,這里為大家介紹下FlippingBook的使用方法,需要的朋友可以參考下2014-12-12
scratch-www 在Win10下的環(huán)境搭建詳細教程
scratch-www是scratch-gui的網(wǎng)頁版，功能包括gui的編輯，保存，播放，和gui的作品展示，這里主要介紹scratch-www在window系統(tǒng)下的安裝和運行，感興趣的朋友跟隨小編一起看看吧2021-08-08
在Infopath中實現(xiàn)數(shù)據(jù)有效性驗證的三種方法
Infopath是微軟Office辦公軟件家族中的成員之一，它主要的功能是面向客戶端收集XML數(shù)據(jù)，并按照預(yù)期定義的格式生成XML文件，它以可視化表單的形式收集數(shù)據(jù)，并且支持C#編程接口以及外部數(shù)據(jù)源等。2010-06-06
如何設(shè)計一個幾十萬在線用戶彈幕系統(tǒng)需求方案
這篇文章主要介紹了為大家如何設(shè)計一個幾十萬在線用戶彈幕系統(tǒng)的需求實現(xiàn)方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>2023-05-05
完全卸載VSCode--解決卸載重新安裝后還有原來配置的問題(圖解)
這篇文章主要介紹了完全卸載VSCode--解決卸載重新安裝后還有原來配置的問題,本文給大家分享VSCode卸載不徹底的問題，需要的朋友可以參考下2020-04-04