はてなブログでSyntaxHighlighterを使用する

前に更新していたブログでSyntaxHighlighterを使用していたので、設定方法をご紹介します。

 

手順は以下のとおりです。

 

1、SyntaxHighlighterをダウンロード

 

2、解凍したフォルダ内のshCore.cssとshCoreDefault.cssの中身を、ブログのcssにコピペ

 

3、ブログのフッターに以下の内容を追加

 

<script type="text/javascript">

shCore.jsの中身

 

shBrush**.jsの中身

 

SyntaxHighlighter.all()

</script>

 

手順3のsuBursh**.jsは対応させたい言語に応じて変更します。

 

私は、 shBrushCpp.js、shBrushJava.js、shBrushJScript.js、shBrushPython.jsをコピペしました。

 

ソースコードを記述する場合は、

 

<pre>

 

hogehoge

 

</pre>

 

のように書きます。