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

vim

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


vimにデフォルトでインストールされているプラグイン、tohtml.vimを使う。
tohtml.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より少ないので完全に同じにはできませんがそれっぽくはできる。