在Blogger中使用语言高亮SyntaxHighlighter

要想在Blogger中使用语言高亮，SyntaxHighlighter将是最佳首先。去官网下载最新版本并解压缩。这里使用的是3.0.83。
首先在Google Site中创建一个协作站点。记录站点的网址，因为我创建的站点名为“myhighlight3”，站点的网址便是“https://sites.google.com/site/myhighlight3/”。依次点击“管理站点”->“附件”->“上传”，依次上传解压缩后“scripts”文件夹和“styles”文件夹内的所有文件。
接下来修改Blogger模版。
依次点击“模版”->“修改HTML”->“继续”，在“</title>”后插入以下代码：

<link href='http://sites.google.com/site/myhighlight3/shCore.css' rel='stylesheet' type='text/css'/>

<link href='http://sites.google.com/site/myhighlight3/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<script src='http://sites.google.com/site/myhighlight3/shCore.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushBash.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushCpp.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushJava.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushJScript.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushXml.js' type='text/javascript'/>

<script src='http://sites.google.com/site/myhighlight3/shBrushCss.js' type='text/javascript'/>

<script src="http://sites.google.com/site/myhighlight3/shBrushPlain.js" type="text/javascript"/>

<script type='text/javascript'>

  SyntaxHighlighter.all();

</script>

注意：博客中要高亮的语言需要根据自己的需要进行添加，这里我只添加了对Bash、C/C++、Java、JScript、Html、Css和Xml的支持。同样可以添加代码<script src='http://sites.google.com/site/myhighlight3/shBrushXXX.js' type='text/javascript'/>支持其他语言。网址是你的Google Site地址加上js文件名字。
至此，配置完毕。
在博客中使用的时候需要注意，插入代码需要在HTML编辑器下编写。这里有两种使用方法，用法一：

<pre class="brush: XXX">

......

</pre>

用法二：

<script type="syntaxhighlighter" class="brush: XXX"><![CDATA[

......

]]></script>