2012年3月26日月曜日

Bloggerでソースコードを表示する

このサイトを参考にソースコードをきれいに表示してくれるSyntaxHighlighterを導入してみる.

導入

  1. SYNTAX HIGHLIGHTER SCRIPTS GENERATORにて, 必要な言語を選択. テーマはここで確認できる(以下のサンプルではEclipseのテーマを利用).
  2. 生成されたスクリプトをコピー.
  3. [テンプレート]->[HTML の編集]より, head部分にコピーしたスクリプトを貼付ける.


使用方法
Javaの場合の適用例を示す. 他の言語の場合はここを参考にして「"brush: java"」の部分を適切に変更する.
  • preタグを利用
    • 記述例
      <pre class="brush: java;">
        public class Test {
          public static void main(String args[]) {
            System.out.println("Hello, world!");
          }
        }
      </pre>
      
    • 表示
      public class Test {
        public static void main(String args[]) {
          System.out.println("Hello, world!");
        }
      }
      
    • メモ:「<」は&lt;に置き換える必要がある
  • scriptタグを利用
    • 記述例
    • 表示
    • メモ:scriptタグが読み込まれるまで表示されない. scriptタグを利用できない環境下では表示されない.

外部リンク