(Mac版)画像付きマークダウンを手軽に共有する方法

はじめに

Macユーザー向けに、画像を含んだマークダウン形式の文書を手軽に共有する方法を解説します。

マークダウンで資料を作成し、共有する際に、画像を添付すると同じフォルダに画像を保存する必要があります。そして、共有する際には画像ファイルも一緒に送る必要があります。これが面倒。。(１つにまとめたい)

Paste ImageのPathの設定を${currentFileDir}/imgに設定します。(貼り付けた画像を保存するディレクトリを指定して整理)

Markdown All in Oneの設定のMarkdown > Extension > Print:img to Base64 をオンにします。

Markdown All in Oneの設定のMarkdown > Extension > Print:On File Save をオンにします。

test.mdを作成し、中身は下記のように記述しました。保存すると、同じファイル名のhtmlファイルが自動で出力されます。

# 画像付きマークダウン検証

## ↓に画像を貼り付ける
![](img/2024-02-14-21-50-03.png)

画像を貼り付ける時のショーットカットは↓を参考にして下さい。
Commandキー（⌘）+ Controlキー（⌃）+ Shiftキー（⇧）+ 4キーを同時に押しで画像をクリップボードに保存
Commandキー（⌘）+ Optionキー + V で画像をペーストできます。

HTMLソースを開くと、画像がBase64形式で埋め込まれており、画像を添付せずにHTMLファイルだけで画像付きマークダウンが共有できます。