メインコンテンツまでスキップ

アセットの保存場所

VSCodeのエディタに張り付けた画像の保存場所を指定できます。

概要

VSCodeの機能により、下記の操作で画像の挿入が可能です。

  • 画像がクリップボードにある場合はVSCode上でCtrl+V
  • Shiftキーを押しながら画像をVSCodeのテキストエディタ上にドラッグ&ドロップ

デフォルトの設定では、./attachmentsフォルダ以下にノートのカテゴリと同じ階層の位置に保存されます。
例えば、Tips/Life/Hello World.mdimage.pngを貼り付けた場合、画像はattachments/Tips/Life/Hello World以下に保存されます。

<<FlexiMark Workspace>>
├── Tips
│   └── Life
│   └── Hello World.md <- using image.png
└── attachments
   └── Tips
   └── Life
   └── Hello World
   └── image.png <- saved here

変更方法

.vscode/settings.jsonを開き、下記の部分を修正してください。下記はデフォルトの設定です。

.vscode/settings.json
{
...
"markdown.copyFiles.destination": {
"**/*.md": "${documentWorkspaceFolder}/attachments/${documentRelativeDirName}/${documentBaseName}/"
},
...
}

詳細はVSCodeの下記のドキュメントを参照してください。

https://code.visualstudio.com/updates/v1_79#_markdowncopyfilesdestination