Nodachisoft Nodachisoft logo, Katana Sword Icon
  
@あまじ✎ 2021年12月16日に更新

VSCode で Markdown(マークダウンファイル)に直接画像をコピペできるプラグインの導入

VSCode で Markdown(マークダウンファイル)に直接画像をコピペできるプラグインの導入

概要

このサイトのブログ記事はベースに Gatsby という静的サイトジェネレータ・フレームワークを使って、 Markdown(マークダウン)上で記事を書いています。

記事を書くときはもっぱら VSCode を使用して書いているのですが、 マークダウンだと画像のコピペなどが Wordpress や Microsoft Word などのように即座に出来ないので、 若干不便だなーと思っていました。

ところが、画像をそのままマークダウンに貼り付け可能とする「Paste Image」という VSCode 拡張プラグインがあったため、導入したらめっちゃ便利だったよ、という記録です。

vscode extension

使い方

  1. 貼り付けたい画像をコピー
  2. マークダウン上の画像を貼り付けたい位置で Ctrl+Shift+Pで VSCode のコマンドパレットを開く
  3. Paste Image を選択するか Ctrl+Shift+V キーで貼り付け。
  4. 貼り付けた md ファイルと同じフォルダ内に画像は保存され、md に画像への参照コードが生成される。

参考

変更履歴

日付 変更概要
なし
 
 
送信しました!

コメント、ありがとうございます。

なんかエラーでした

ごめんなさい。エラーでうまく送信できませんでした。ご迷惑をおかけします。しばらくおいてから再度送信を試していただくか、以下から DM などでご連絡頂ければと思います。

Twitter:@NodachiSoft_jp
お名前:
 
連絡先:
 
メッセージ:
 
戻る
内容の確認!

以下の内容でコメントを送信します。よろしければ、「送信」を押してください。修正する場合は「戻る」を押してください

お名前:
 
連絡先:
 
メッセージ:
 
Roboto からの操作ではないという確認のため確認キーを入れてください。
確認キー=95
戻る
 / 
送信確認へ
コメント欄
コメント送信確認へ

関連ありそうな記事(3件)です!

Unity+VSCode で快適な開発環境を作る

Unity+VSCode で快適な開発環境を作る

#Unity#Vscode✎ 2021-12-26
Unity+VSCode で開発環境を作成する手順。必須の拡張プラグインと概要を説明。
目次
VSCode で Markdown(マークダウンファイル)に直接画像をコピペできるプラグインの導入
VSCode で Markdown(マークダウンファイル)に直接画像をコピペできるプラグインの導入
概要
概要
使い方
使い方
参考
参考
変更履歴
変更履歴
Nodachisoft © 2021