MarkdowonのHTML変換時の画像埋め込み
MarkdowonのHTML変換時の画像埋め込み
日付
2017/2/12
目的
- Markdowonに画像を表示したい場合に、リンクではなくbase64にして埋め込む方法を記載する。
概要・背景
- MarkdowonをHTML変換した際に画像が含まれていてると、別ファイルとして画像を持つ必要がある。
- 一つの記事に対して複数ファイルを持ちたくない。
手順
pngをbase64に変換する手順を記載する。
1. 元画像を以下のcmdでbase64に変換する。
C:\Users>certutil -encode filename.png filename.txt
以下のようなtxtファイルが出来上がる
- 最初と最後の行を削除し、改行を削除する
- Markdownファイルに以下の内容を記載する。
以下のように画像が表示される。
感想
base64生成からMarkdown貼り付け内容への変換はバッチ処理にしたい。
参考
htmlでMarkdown記述 + Base64エンコードでドキュメント作成(marked.js)
画像ファイルをBase64形式に変換するスクリプト
テキストエディタで改行を置換する方法