2012年6月9日土曜日

Syntax Highlighterの導入

ブログの中にソースコードを挿入したい。
調べたところ、Syntax Highlighterなるスクリプトがあることが分った。 面倒そうである。このサイトのhostingのページを見ると、 スクリプトをダウンロードせずともできるとある。 さらに調べると、このサイトWay2Blogging で、最低限必要なスクリプトを自動生成してくれることが分った。自動生成されたスクリプトを、bloggerのテンプレートを記述しているHTML文の中に 挿入すれば良い。挿入箇所は、</head>の直前が良いらしい。 そして、ブログ本文中にコードを挿入するときは以下のようにする。 <script class="brush: cpp" type="syntaxhighlighter"> <![CDATA[ ここにコードを書く(エスケープ不要) ]]> </script> 試しに、手元にあるソースをコピペしてみた。 きれいに表示された。 以下のサイトを参考にしました。
bloggerのテンプレート内に挿入する件:暇つぶし
エスケープの件:Pirates of 富山湾

0 件のコメント:

コメントを投稿