SVG画像をインライン化する

svg-inline-mkdocs-pluginプラグインを使うとインライン化できます。

サンプルとしてソコストからSVG画像を持ってきました。

HTML出力結果

svg-inline-mkdocs-plugin なし

<img alt="" src="http://localhost:8000/assets/images/10199_paint.svg">

svg-inline-mkdocs-plugin あり

<svg height="392.453" viewBox="0 0 368.335 392.453" width="368.335" xmlns="http://www.w3.org/2000/svg">...</svg>

※<svg>タグ内の出力部分は省略。長すぎるので。

メリット

searchプラグインを使っていると、SVG画像のテキストも検索対象になります。