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

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

 

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>

 

 

でも今ははてな記法のシンタックスハイライトを使った方がいいみたいです。

 

2018/10/08 はてな記法シンタックスハイライト追記