VSCode で Markdown の相対パス画像ファイルがプレビューされない件

前提

  • VSCode v1.22

現象

  • project1/docs/doc1.md を開いている
  • doc1.md に ![img1](../images/img1.jpg) を書いている
  • この img1 がプレビューされない(有効なリンクになっていない)

図示するとこんな関係。

+ project1
 + docs
  - docs1.md
 + images
  - img1.jpg    ★ ![img1](../images/img1.jpg) でアクセス

原因

  • VSCode 側で相対パスの基点がおかしい

Markdown preview no longer shows images · Issue #7898 · Microsoft/vscode によると相対パスの基点は ワークスペース であって、 今開いている Markdown ファイルのパスではない とのこと。

挙動としてもそんな感じに思われる。

対策

親ディレクトリを辿る 相対パスを使わない。

回避方法は運用回避になるが、たとえば以下のようにする。

+ project1
 + docs
  - docs1.md
 + images
  - img1.jpg

+ project1
 + docs
  - docs1.md
  + images
   - img1.jpg   ★ ![img1](./images/img1.jpg) でアクセス
                   ※ ../ を使わずに済ませた