プログラムのソースコードを載せる（SyntaxHighlighter編）

プログラムのソースコードを載せることが今後あると思うので、はてなブログの環境設定を行った。今回は、SyntaxHighlighter を用いることにした。

SyntaxHighlighterとは

Alex Gorbatchevさんが作成したJavaScriptのライブラリで、プログラムのソースコードをブログ等に掲載する際に読みやすく表示してくれるライブラリになります。

対応しているプログラム言語はJava、Ruby、C#、C++、Pythonなど色々あります。

SyntaxHighlighterの入手方法

公式サイトから、ライブラリをダウンロードします。バージョンは、Ver.3.0.83でした。

 はてなブログへのスタイルファイルの適用

ダウンロードしたライブラリの中にあるcssファイルをはてなブログへ適用します。

• styles/shCoreDefault.css

このcssファイルの中身を、

ダッシュボード -  デザイン -  カスタマイズ - デザインCSS を開いて貼り付けます。

保存をすればスタイルファイルは適用になります。

はてなブログへのライブラリファイルの適用

 ダッシュボード -  デザイン -  カスタマイズ - ヘッダ = タイトル下に記述します。

<script type="text/javascript" src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js">
</script>
<script>
ここに適用するライブラリを貼り付ける
SyntaxHighlighter.all();
</script>

サンプルソースプログラムは、

def spamfactory(times):