vscode がマークダウンを使用してネットワーク画像をプレビューできない問題を解決する

1. 問題の説明

vscode を使用すると、ネットワーク イメージをマークダウン プレビュー モードでプレビューできない

2、ローカル環境

この問題は、コンピューターのハードウェアやオペレーティング システム環境とは関係ありません。

ネイティブ マークダウンは、picgo プラグイン + github をピクチャ ベッドとして使用します。
関連する構成方法については、私の他のブログ投稿「
vscode + picgo + github configure free image bed」を参照してください。

マークダウンプラグインは主に次のとおりです。

3. 解決策

設定する必要がある場所は次の 2 つです。

3.1 プレビューセキュリティポリシーを変更する必要がある

ショートカット キー Ctrl+Shift+P を押してマークダウンを検索し、プレビューのセキュリティ設定を変更して、[安全でないコンテンツを許可して Web ページのプレビュー画像を表示する] を選択します。

3.2 Github ドメイン名解決の構成

picgo + github をイメージベッドとして使用している場合は、ドメイン名解決の設定も必要です。

picgo + github でピクチャベッドとして自動生成されるアドレスは以下のようなアドレスで解析できず、 https://raw.githubusercontent.com/BingHugh/picgo/mainを直接クリックしてもブラウザで開くことができません/20221113221343.png

解決：

• https://www.ipaddress.comを開きます
• この Web サイトのクエリ ボックスに「raw.githubusercontent.com」と入力し、Enter キーを押して、その中で対応する IPv4 アドレスを見つけます。
  
• 以下に示すように、185.199.108.133 などの 1 つ以上を選択し、それを 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
  

• 保存後は普通にロードできるようになりました