Vimと、はてなダイアリーのシンタックス・ハイライトを同じにする

はてなダイアリーのスーパーpre記法のハイライトを、vimと同じに変更する方法。

vimにデフォルトでインストールされているプラグイン、tohtml.vimを使う。
tohtml.vimを使うとコマンド一発で、ハイライト付htmlが作成できる。

• 2html.vim : ファイルをシンタックスハイライトつきのHTMLに変換

htmlを作成する時に、cssを使用するように設定。

:let html_use_css=1

htmlの作成

:TOhtml

できたhtmlのcssのクラスの名前を、スーパーpre記法でできるhtmlのクラスの名前と同じにする。
基本的には、頭に syn をつけるだけ。

.Comment    → .synComment
.Constant   → .synConstant  
.Type       → .synType
.Statement  → .synStatement
.Identifier → .synIdentifier
.Special    → .synSpecial
.PreProc    → .synPreProc
pre         → pre.syntax-highlight

詳細デザイン設定のスタイルシート項目にコピペして終わり。

cssのクラス数がvimより少ないので完全に同じにはできませんがそれっぽくはできる。