時々帖

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

google-code-prettifyを入れてみた

ソースを見やすくするためにgoogle-code-prettifyを入れてみたので,FC2ブログでのやり方をメモ.

以下のファイルをダウンロードして,ファイルアップロードする.
http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js
http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css

テンプレートの設定→HTMLの編集で以下をBodyに追加

<!--Google Code Prettify Start-->
<script type="text/javascript" src="http://blog-imgs-16.fc2.com/n/a/m/namikister/prettify.js"></script>
<body onload="prettyPrint()">
<!--Google Code Prettify End-->


テンプレートの設定→スタイルシートの編集にprettify.cssの中身を追加

色分けしたいソースコードを以下のように囲む
<pre class="prettyprint">
dotimes (i 10) (print i)
</pre>

これでソースコードが色分けされるはず.

HTMLはそのままだと表示できないのでここで変換したものを貼り付けた.
こうすることでHTMLの構文を表示できるらしい.

参考サイト
http://fnya.cocolog-nifty.com/blog/2007/03/googlecodeprett_e937.html
http://blog.livedoor.jp/dankogai/archives/50794929.html
http://journal.mycom.co.jp/articles/2007/03/27/gcp/
スポンサーサイト

テーマ:ホームページ・ブログ制作 - ジャンル:コンピュータ

  1. 2007/11/26(月) 03:32:04|
  2. JavaScript
  3. | トラックバック:0
  4. | コメント:0
<<cscope+emacsが超便利 | ホーム | πの歴史>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://namikister.blog101.fc2.com/tb.php/8-52cd3afa
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。