google-code-prettifyの使い方

概要

google-code-prettifyはHTML、JavaScript、C++、C#、Java、Ruby、Python等のコードを、IDEのように色分けして表示する、JavaScriptのライブラリです。
Apache License 2.0のようです。

ダウンロード

ここから落とせます
http://code.google.com/p/google-code-prettify/downloads/list

使い方

以下の3ステップです
1, CSSとJSを読み込む
2, onloadイベントでprettyPrint()を呼び出す
3, <pre class="prettyprint"></pre>の中にコードを書く

<head>
  <link rel="stylesheet" href="./js/prettify.css" type="text/css" media="all">
  <script type="text/javascript" src="./js/prettify.js"></script>
</head>

<body onload="prettyPrint()">
  <pre class="prettyprint">
    <!-- ここにコードを書く -->
    <b>色分けして表示してくれる</b>
  </pre>
</body>

表示例 (C言語)

  #include<stdio.h>
  int main(void) {
    printf("hello, world");
  }

表示例 (sh)

  px ax | grep crond
  kill -9 3975
  export PATH=$PATH:/usr/local/bin