bloggerでソースコードをハイライト表示するSyntaxHighlighterを試してみた

 久しぶりにbloggerについて。このブログは当ブログを始めた目的と違う方に行ってしまい、いつの間にかソースコードを貼ることが多くなってしまったのだが、今更ながらSyntaxHighlighterを試してみることにした。。。


 まず、「Syntax Highlighter Scripts Generator」のシンタックスハイライターのサイトに行き、テーマ、使用する言語を選択し、Ｇenerateをクリックしコードを生成。そのコードをbloggerのテンプレートのhtml編集で</head>の上に貼り付ける。



 これで準備は終了。ソースコードをブログに貼る際は、bloggerの投稿画面で「作成」でなく「ＨＴＭＬ」選択。そこで、

//表示したいソースコード

 言語名は、以下のSyntax Highlighterのサイトに書いてあるので、それを参照にすれば、ソースコードをきれいに表示することができる。。。ｐｈｐならば、

//表示したいソース

 とすれば、

 と表示される。しかし、テーマ変更したらSyntaxHighlighter以外にも色々テンプレートに書き込んでいるので、何を加えたか覚えてないくらいなので、このブログのテーマ変更するにはかなり勇気がいる気がする。。。

関連記事: