<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Learning Parallax effect</title>
</head>
<body>
     ここにいろいろと書いていく・・・
<script src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
</body>
</html>


ソースが整形されて行番号が表示されれば成功。
うん、見事失敗なのだ。

今までも、いや現在もSystaxHighlighterを使用させて頂いているのだが、正直重い。
ページの表示時間がフィードリーダーといいとこ勝負なのでてこ入れが必要だと思い、あれこれ試行錯誤しているのだが上手くいかない。

ちなみに<head>~</head>内にこのように記述すればそのまま使用できると思われる。
スタイルシート追加しているのは、行番号表示を全ての行で表示されるために追記している。
実際には使用するスタイルシートの中に追記するのがベターかと思われる。

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>\n<link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn-history/r128/trunk/src/prettify.css" type="test/css" media="all" />
<style>
ol.linenums li {
	list-style: decimal outside;
}
</style>

ソースコードを整形したいときにはこのようにclassにprettyprintを指定してやれば自動的にソースを判断してタグをマークアップしてくれるはず。

<pre class="prettyprint linenums">
    $(document).ready(function() {
        alert('Hello world!');
    });
</pre>

色々とやることが山積みなのでとりあえず、ここまで。再チャレンジは後日!
あ、ちなみにgoogle-code-prettifyはページはリンク先です。

追記:
google-code-prettifyに入れ替えました。きちんと表示されるはずです。
google-code-prettifyについてはまた後日。