マイムの部屋

社内SEが,興味をもったことを書いていきます.

FC2ブログで,ソースコードを綺麗に見せる!!!

今回は,ブログ内でソースコードを綺麗に見せるためにどうすればいいか調べました.
すぐにできたのは,以下のものです.

SyntaxHighlighter

オープンソースの構文強調表示ソフトらしいです. 手順としては,以下の通りです.

1.下のURLからダウンロード
http://alexgorbatchev.com/SyntaxHighlighter/

2.ファイルをアップロードする
おそらく,下の3つは必須のものです.

ア. shCore.js
イ. shCore.css
ウ. shTheme.css

その他は,「shBrush???.js」をアップロードすればいいと思います.
???は,自分が強調したいソースコードの言語のものです.

3. テンプレートのHTMLに一部追加
後で

4. 書き方
<pre class="brush: 言語名">
</pre>

上の2つで,ソースコードをはさめばいいです.

参考URL一覧:
初心者がWEB開発に挑戦
CHiKARA