ブログに記述したコードを自分で後でみても良く分からないぐらい汚いのでsyntaxhighlighterを導入することにしてみます。
1.まずsyntaxhighlighter – Google Codeからダウンロード
2.解凍して出来上がった”dp.SyntaxHighlighter”をサーバにアップ。(オデの場合はブログでサブドメインになっているので、そのサブドメインのドキュメントルートにアップ)
3.syntaxhighlighterのCSSを追加する。Movable Typeだとメインページ以外にもアーカイブ系にも追加。
以下他にも色々追加しないといけないので、Movable typeだとモジュールで追加した方が楽かな?ということで以下モジュールベースで話を展開。
4.”module.SyntaxHighlighter.txt”というテキストファイルを新規作成。
5.CSS設定の追加。”module.SyntaxHighlighter.txt”に以下の一文を記述。
6.使用言語のshBrushスクリプト(パーサー?)を”module.SyntaxHighlighter.txt”に追記。
種類は
- shBrushCpp.js :C++
- shBrushCSharp.js : C#
- shBrushCss.js : CSS
- shBrushDelphi.js : Delphi
- shBrushJava.js : Java
- shBrushJScript.js : JavaScript
- shBrushPhp.js : PHP
- shBrushPython.js : Python
- shBrushRuby.js : Ruby
- shBrushSql.js : SQL
- shBrushVb.js : Visual Basic
- shBrushXml.js : XML
- shCore.js : COREこれは必須っぽい
といったところ。自分が使用するであろう言語だけ追記。XMLだけ使う場合はこんな感じ。
7.クリップボードコピーの定義。Flashを介在してクリップボードにコードをコピーしているらしい。そのファイルは”/Scripts/clipboard.swf”。組み込みは