MarkdownファイルはHTML生成のために使われることが多いです。生成するタグはごく基本的なものになるので、デザインは利用するWebサイト側に任されています。多くはシンプルなデザインであったり、GitHub風になっています。 今回紹介するFiddlyはMarkdownからより綺麗でデザインされたHTMLを生成するソフトウェアになります。

Fiddlyの使い方

サンプルです。

コードやリンクなどが分かりやすく表示されます。

テーブルです。

Todoにも対応しています。画像を並べて表示するのも良い感じです。

テーマを変更してダークモードにも。

Fiddlyはデザインがすっきりとして見やすいのはもちろん、絵文字のサポート、コードハイライト、画像の縮小表示、コードをiframeで安全にするといった工夫がされています。カスタマイズも可能なので、自分好みの使い方ができるでしょう。

FiddlyはJavaScript製のオープンソース・ソフトウェア(MIT)です。

Fiddly SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files