WP-GFM ちょっと更新

WP-GFMではシンタックスハイライトは対応していない。その代わりに管理ページからFenced Code Blocksのテンプレートを設定できるようにしているので各自で好きなもの使ってくださいというスタンス。で僕はgoogle-code-prettifyを使っているだけど、さらにタイトルを表示できるようにテンプレートの設定を変えてみた。

<pre class="prettyprint lang-{{lang}}" title="{{title}}">{{codeblock}}</pre>

<div class="code-frame"><div class="code-caption"><span class="code-filename">{{title}}</span></div><div class="highlight"><pre class="prettyprint lang-{{lang}}" title="{{title}}">{{codeblock}}</pre></div></div>

タイトルの部分凝るのがちょっとむずかしい。テンプレートは単に {{var}} を置換しているだけなのでFenced Code Blocksにタイトルを設定していないときに .code-caption を表示しないなど凝ったことができない。妥協。

google-code-prettify のテーマ

テーマいろいろ見つけたので紹介。

• http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html
• http://jmblog.github.io/color-themes-for-google-code-prettify/
• http://raphaelddl.github.io/google-prettify-monokai-theme/
• http://stanleyhlng.com/prettify-js/

Dark系テーマにしようと思ったんだけど結局、GitHubテーマ に落ち着いた。