在Blogger中添加代码语法高亮

对于一个码农，博客中有代码是不可避免的，语法高亮也是博客的必备功能了。之前在Google App Engine使用Micolog搭建了一个自己的博客系统，那里添加代码高亮插件是十分简单的。因为所有文件都可以自己上传和定义。

但是怎样在Google提供的博客系统Blogger添加代码高亮功能呢？在网上搜罗了一下，果然什么都有。因为Blogger系统提供了完善的模板系统，可以通过修改博客的模板来达到目的。 首先，代码高亮当然是使用顶顶大名的SyntaxHighlighter插件，官方地址: http://alexgorbatchev.com/SyntaxHighlighter/。现在需要做的就是怎么把它整合进入我们的Blogger的模板。

具体操作如下：

1. 进入您的相应的博客的后台，选择“模板” or "Templete"；
2. 这里可以选择自己喜欢博客整体布局，然后点击“修改Html”；
3. 打开了模板的html代码，如果你是网页设计高手，这里您就可以大展身手了。如果您看到这个些密密麻麻的代码，完全晕了，不要紧。找到这样的标签对b:skin。把如下文件中的代码加到标签对b:skin的CSS定义之后：
   http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css
   这里使用Google Code上host的SyntaxHighlighter.css，所以不用自己把里面的代码拷过来粘在这里了。
4. 然后在里面找到标签/head，在这之前添加如下代码：
   
   
   这里是添加syntaxhighlighter的语言javascript文件。
5. 最后，找到标签/body，在此标签之前添加如下代码：
   
   这里是让语法高亮处理生效。到这里全部设置已经完成。为了保证您的编辑没有错误，可以首先预览一下，确认无误后再保存。
6. 具体的用法是，如果在写文章的过程中需要输入代码段，可以，具体做法如下：在写博客的时候切换到HTML模式，在相应的位置输入，下面是一个例子：
   

   
   
   Put your code here...
   
   

   
   

参考网址：
http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html