読者です 読者をやめる 読者になる 読者になる

はてなブログのSyntaxHighlighter設定方法

JavaScript

意外と手間取ったのでメモしておきます。

 

1.SyntaxHighlighterをDL

2.デザイン(または設定>デザイン)>カスタマイズのCSSデザインで現在の内容の下にsyntaxhighlighterのstyles/shCoreDefault.cssの内容を追加

3.同上カスタマイズのサイドバーでHTMLモジュールを追加

4.追加したHTMLモジュールに      <script type="text/javascript" src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js"></script>    を記入

5.続けてsyntaxhighlighterのscripts内にある使用したい言語のjsファイルの内容を<script></script>で囲って追加

6.さらに    <script type="text/javascript">SyntaxHighlighter.all();</script>    を追加

7.変更を保存する

 

【使い方】
<pre class="brush: 言語;">ソース</pre>