28
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【VSCode】Markdownに画像をペーストする

Posted at

はじめに

.mdファイルに画像を挿入するには画像を保存したうえで![代替テキスト](/path/to/image)と記述する必要があります。
Paste Imageという拡張機能を利用することで上記の作業を簡略化できるのでその利用方法について記載します。

Paste Imageの利用方法と設定

利用方法

拡張機能の中からPaste Imageを探し、インストールします。

image220504_000114.png

使い方は非常に簡単で、ペーストしたい画像をクリップボードに保存してcmd + opt + vを入力するだけです。
すると以下のように入力され、画像も保存されます。

image220504_000453.png

image220504_000558.png

注意点として、Macの場合にはFinderに表示されるアイコンを選択してcmd + cしただけではペーストできません。
画像ファイルを開いてからcmd + cする必要があります。

設定

デフォルトでは画像ファイルの名前はY-MM-DD-HH-mm-ss.pngになっています。
また画像の保存場所は.mdファイルがあるディレクトリになっていますのでこれを変更します。

設定画面を開いてDefault Name[image]YYMMDD_HHmmssに変更します。
image220504_001155.png

ファイル名がimageYYMMDD_HHmmss.pngに変更されます。

Path${currentFileDir}/imagesに変更します。
image220504_001429.png

画像ファイルの保存先が.mdファイルと同階層のimagesに変更されます。

28
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?