はてなブログでSyntaxHighlighterでObjective-Cを表示

SyntaxHighlighter からダウンロードしたフォルダ中の shCore.js と shCoreDefault.css 、そしてここの shBrushObjectiveC.js を導入すればいけるみたいですが、少しハマったのでうまくいったやりかたを書き残しておきます。

・SyntaxHighlighter からzipをダウンロード

・解答したフォルダの styles > shCoreDefault.css を開いて全文コピー

・はてなブログの設定のデザイン > カスタマイズ > スタイルシートにペースト

・<script>で囲ってコピペではうまく動かなかったのでホスティングを利用。AWSを使っているようなので誰か寄付してあげてください。

・はてなブログのデザインカスタマイズからスライダーを追加して、HTMLエリアに <script type="text/javascript" src="http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js"></script> を追加

・ここの Oxygen (Objective-Cではないことに注意) の shBrushObjectiveC.js を開いてコピー

・Step 2 の後に <script></script>で囲ってペースト

・Step 3 の後に <script type="text/javascript">SyntaxHighlighter.all();</script> を追加

・はてなブログの設定から WYSIWYGモードにしておく

・記事を新規作成し、HTMLタブを開き、コードを <pre class="brush: objc"></pre> の中に記述

・プレビューだとまだ反映されないので保存して見る

- (NSString *)test {
  [blog write];
}

アプリ開発の記録　 SyntaxHighlighterでObjective-Cをきれいに表示

シンタックスハイライト

MD Blog