SyntaxHighlighterを使ってみる

・SyntaxHighlighter - Alex Gorbatchev
・Awesome code syntax highlighting made easy | Carter Cole's Blog

どうもソースコードを貼り付けた時に見づらいのでSyntaxHighlighterを入れてみた
以下Bloggerでのやりかた


デザイン→HTMLの編集を開く
</head>を探してその直前に以下のコードを貼り付ける

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

使うときは以下のタグでくくる

<pre class="brush:html">
</pre>

htmlの部分は貼り付けるコードによって変える

ActionScript3     as3, actionscript3
Bash/shell        bash, shell
ColdFusion        cf, coldfusion
C#                c-sharp, csharp
C++               cpp, c
CSS               css
Delphi            delphi, pas, pascal
Diff              diff, patch
Erlang            erl, erlang
Groovy            groovy
JavaScript        js, jscript, javascript
Java              java
JavaFX            jfx, javafx
Perl              perl, pl
PHP               php
Plain Text        plain, text
PowerShell        ps, powershell
Python            py, python
Ruby              rails, ror, ruby
Scala             scala
SQL               sql
Visual Basic      vb, vbnet
XML               xml, xhtml, xslt, html, xhtml

あんまり読み込むソースが多いとページのロードが遅くなりそうなので
使わない言語は<script ～ />を適当にコメントアウトしておいた方がいいと思います
さて、前の記事のタグを若干修正しなきゃいけないんだけど
エクスポート→書き換え→削除→インポート でやろうか、怖いから手作業でやろうかなぁ