はてなブログにsvg貼り付け

はてなブログにgraphvizで生成したsvg貼り付けようとして苦労したので、以下に忘備録として記載します。

参考 1. はてなブログでsvg画像を表示する方法 - 三浦と窮理とブログ

1. コメント行<!-- * -->を削除
2. 特殊文字の削除(`等)
3. 一行にする(空行がなければ問題なさそうです)

例として、コマンドラインで示すと以下のようになります。 特殊文字はdotスクリプトで使用しないことで回避しました。 graphvizでは空行は含まないようだったので、一行にする必要はなかったです。 pbcopyはクリップボードにコピーしてくれます。なのでそのまま貼り付け可能です。(MacOSXのみかもしれません)

dot -T svg sm.dot -o tmp_sm.svg
sed '/<!--.*-->/d' tmp_sm.svg > sm.svg
sed -n '/<svg/,/<\svg>/p' sm.svg | pbcopy