MT6にgoogle-code-prettifyを導入してみる

コードのシンタックスに合わせて色付けしてくれる google-code-prettifyを導入してみましt。

設定方法

  1. google-code-prettifyからパッケージをダウンロードする
  2. パッケージを展開してブログ直下のフォルダに転送する。
  3. HTMLヘッダーに修正
  4. メインページの修正

HTMLの修正は以下の2つの定義の追加です。

<link href="<$mt:BlogURL$>google-code-prettify/src/prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="<$mt:BlogURL$>google-code-prettify/src/prettify.js"></script>

メインページの変更は

<body onload="prettyprint()">

使い方 使い方はいたって簡単です。

     public class AbusoluteTone {
         private String toneName =""
         public AbsoluteTone() {
            super();
         }
     }

上記のようなコードが必要であれば、

<pre class="prettyprint">
  <code class="language-java">
     public class AbusoluteTone {
         private String toneName =""
         public AbsoluteTone() {
            super();
         }
     }
  </code>
</pre>

表示の美しさでいうと、GistなどのServiceの方がきちんとシンタックスを反映してくれますし、何より安定しています。記事についてなるべく他のサイトとの連携に依存しない書き方にこだわるような場合は非常に強力なツールになりそうです。


Comments !

\u30e1\u30a4\u30f3\u30da\u30fc\u30b8\u306e\u5909\u66f4\u306f \u4f7f\u3044\u65b9 \u4f7f\u3044\u65b9\u306f\u3044\u305f\u3063\u3066\u7c21\u5358\u3067\u3059\u3002 public class AbusoluteTone { private String toneName =\"\" public AbsoluteTone() { super(); } } \u4e0a\u8a18\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u304c\u5fc5\u8981\u3067\u3042\u308c\u3070 \u2026"}