読者です 読者をやめる 読者になる 読者になる

ハゲタカ綿棒

個人的なメモ。参考にする際は自己責任でお願いします。

MarkdowonのHTML変換時の画像埋め込み

MarkdowonのHTML変換時の画像埋め込み

日付

2017/2/12

目的

  • Markdowonに画像を表示したい場合に、リンクではなくbase64にして埋め込む方法を記載する。

概要・背景

  • MarkdowonをHTML変換した際に画像が含まれていてると、別ファイルとして画像を持つ必要がある。
  • 一つの記事に対して複数ファイルを持ちたくない。

手順

pngbase64に変換する手順を記載する。
1. 元画像を以下のcmdでbase64に変換する。
C:\Users>certutil -encode filename.png filename.txt
以下のようなtxtファイルが出来上がる

  1. 最初と最後の行を削除し、改行を削除する
  1. Markdownファイルに以下の内容を記載する。
以下のように画像が表示される。   

感想

base64生成からMarkdown貼り付け内容への変換はバッチ処理にしたい。

参考

htmlでMarkdown記述 + Base64エンコードでドキュメント作成(marked.js)
画像ファイルをBase64形式に変換するスクリプト
テキストエディタで改行を置換する方法