ソースコードを表示する「SyntaxHighlighter」
「SyntaxHighlighter」というJavascriptの紹介です。
この連休、初日はとても暇だったので溜まった仕事を片づけたり、コーディングしたり、ずっとPCに向かってました。
そんなわけで、ブログの方も結構いじってて、前からブログに実装したかったスクリプトをやっと実装できました。
どんなスクリプトかというと、百聞は一見に如かずなのですが
int main(void){
printf("hello world!!\n")
return 0;
}
こんな感じで、ソースコードをVisualStudioのエディタようなスタイルで表示するスクリプトです。
初めは直接実装していたのですが、後からプラグインがあることに気づき、結局プラグインで実装しました。
参考にしたページは下記
- SyntaxHighlighter本家
- 本家のSyntaxHighlighterの設置を日本語で説明したページ
- MovableType用のSyntaxHighlighterプラグインはこちら
(ただし、本体のバージョンは2.0止まり)- 上記プラグインを強引に3.0対応に改造するページ
- オプションの使い方が分かりやすくて便利
- おまけ：HSP対応版の配布（掲示板）
（さくらさんがHSP用の叩き台を作ってくれたみたいです）
（また備忘録みたいな日記でしたｗ）
コメントを残す