Seesaaブログでソースコードを見やすく表示

いままでは、ソースコードなどの表示は、普通に本文に混ぜて表示させていたのですが、自分でも読みくい記事があったので、ソースコードを読みやすく表示しようと思います。
こちらのサイトの記事を参考にしました。
今回は、動作確認が目的なので、やり方はリンク先の記事がとてもわかりやすいです。

<pre class="prettyprint">
//ソースコード
</pre>
を記事に書き込めばいいので
$ sudo apt-get install package #パッケージをインストール

コマンドはやはりキレイには表示されません。
自分で用意する必要があるようです。
上記をご覧のとおりpreタグを利用しているので、文字が横にはみ出るという問題があります。
そこで、prettify.cssに少し一手間加えます
pre.prettyprint に overflow: auto; を加えます。
これで、overflow: auto; はソースが非常に見にくくなるので、改行しても問題無い場合は、できる限り改行した方がよさそうです。