MacでFinderからVS Codeに画像を貼り付ける方法


Category
Tags

最近、Markdownでメモを書いたり、READMEを書くことが増えた。 このブログも以前はWordPressから情報を取得していたが、今ではMarkdownで記事を書いている。

Markdownを書く際には自分はVS Codeを利用している。VS CodeではPaste Imageという拡張機能を利用することで簡単に画像を.mdに貼り付ける事ができる。

https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image

仕組みとしては、クリップボードにコピーした画像をVScodeの編集エディターでCmd + option + Vで貼り付けることによって、markdownに画像が貼り付けられ、画像もその.mdファイルと同じディレクトリに保存される仕組みである。

クリップボードから貼り付けているのだから、Finderからコピーした画像も同じように貼り付けられるのではと思い実行してみたところ以下のような画像が貼り付けられてしまう。

2021 02 11 02 46 04

このままでは非常に不便なので解決策を探したところ、以下のIssueが見つかった。

Paste image wrong ? · Issue #46 · mushanshitiancai/vscode-paste-image · GitHub

jackjasonb.com

Paste image wrong ? · Issue #46 · mushanshitiancai/vscode-paste-image · GitHub

Get wrong result when copy file directly from finder and paste in vscode · Issue #16 · mushanshitiancai/vscode-paste-image · GitHub

jackjasonb.com

Get wrong result when copy file directly from finder and paste in vscode · Issue #16 · mushanshitiancai/vscode-paste-image · GitHub

どうやらMacでFinderから直接コピーした場合はアイコンがコピーされてしまうようなので、一度開いてからCmd + Cでコピーすれば正しく貼り付けられるようである。 一度プレビューで開くのは煩わしい気もするが、わざわざ他の方法でコピーするよりは格段に楽になった。

以上です。お読みいただきありがとうございます。またよろしくお願いします。



2021.02.11 11:00  2021.02.11 11:00