MD Blog

誰かの何かに役に立てることを書いていきたいです

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

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

Step 1 shCoreDefault.css の追加

SyntaxHighlighter からzipをダウンロード

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

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

Step 2 shCore.js の追加

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

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

Step 3 shBrushObjectiveC.js の追加

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

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

Step 4 JavaScript の実行

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

Step 5 コードをブログに書く

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

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

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

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

参考文献

アプリ開発の記録  SyntaxHighlighterでObjective-Cをきれいに表示
シンタックスハイライト