エンターテイメント!!

遊戯王好きのJavaエンジニアのブログ。バーニングソウルを会得する特訓中。

Pandocを使ったMarkdownからGithub風のHTML作成

環境準備

Pandoc のインストール

Releases · jgm/pandoc · GitHub

最新版の Pandoc-x.yy.z-windows.msi をダウンロード&インストール

使い方

基本

pandoc <元となるファイル> -o <出力ファイル>

「-o」は、出力ファイルの拡張子を見て、自動判断してくれるので、便利!
なるべく自動判断したほうが、ヒューマンエラーが少ないのでオススメ!

Markdown → HTML

基本で説明したやり方でもできるけど、タイトルにあることがしたいので、そのやり方を説明。

pandoc <変換元Markdownファイル> -s --self-contained -t html5 -c github.css -o <出力されるhtmlファイル>

--self-containedは、CSSスクリプト、画像ファイルを全て埋め込む方法。

github.css

下記で公開されているので、ダウンロードして使用する。

Github Markdown CSS - for Markdown Editor Preview · GitHub

画像参照している箇所があるので、用意するのが面倒な場合は、削除してもいい。