はじめに

以下にインスパイアされて、CentOS-7.0で試してみたところ、ちょっとうまく行かなかったのでメモ。

Pandoc で github 風 CSS を使った standalone な html を生成

あと、以下も参考にさせていただきました。

多様なフォーマットに対応！ドキュメント変換ツールPandocを知ろう

環境

Vagrant
opscode/bentoのCentOS-7.0 Box

インストール

面倒なのでyumでepelで。

$ sudo yum install -y epel-release
$ sudo yum install -y pandoc

画像のパスを改変済みのgithub.cssをダウンロード

$ mkdir ~/.pandoc
$ cd ~/.pandoc
$ wget https://gist.githubusercontent.com/griffin-stewie/9755783/raw/1b8b3bf2f5364908dda36d0c1d8e9e0b21cbb84e/github.css

Pandoc公式サイトのREADMEを使ってテストしてみるとエラー

$ wget http://johnmacfarlane.net/pandoc/demo/README -O input.md
$ pandoc input.md -s --self-contained -t html5 -c github.css -o test.html
Fetching https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/para.png...
pandoc: Failed to retrieve https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/para.png
user error (https not supported)

調べてみたところどうもEPELのパッケージの問題っぽいのだけど、HTTPSでファイルがフェッチできないのが原因なのであれば、ローカルで完結させてしまえばよいのではないかということで。

github.cssで読み出されている画像を~/.pandocにダウンロード

$ cd ~/.pandoc
$ wget https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/para.png
$ wget https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/dirty-shade.png

github.css内のパスを以下のように変更

github.css

   background: url("para.png") no-repeat 10px center;

github.css

   background: transparent url("dirty-shade.png") repeat-x 0 0;

再度実行。今度はエラーなく終了。

$ pandoc input.md -s --self-contained -t html5 -c github.css -o test.html

生成されたHTMLも特に問題ないように見えます。

最後に

根本的な解決にはなってませんし、Haskell Platform でインストールすればいいだけなのかもしれませんが、~/.pandocをdotfileリポジトリでまるっと管理してしまえば、それほど更新することもないでしょうしお手軽でいいかなと思ってます。