Google的代码高亮工具Syntaxhighlighter使用方法——让你的代码显示更漂亮

昨天去PHP爱好者网站，看到一个不错的日历代码，觉得有不错的学习价值，就转到自己的网站来了。但是发现，自己的代码高亮显示并不够他的那么好看。我之前一直使用的是 google-syntax-highlighter 1.5.1. Released on August 5, 2007。是07年发布的工具。感觉class为php时，代码的显示并不是那么智能，比如关键字、数据结构等等，高亮方式并不理想。

现在我使用了最新的 Syntaxhighlighter_2.1.364，下面是版本历史：

• 1.5. Released on May 11, 2007.
• 1.5.1. Released on August 5, 2007.
• 2.0. Released on February 3, 2009.

SyntaxHighlighter是一款用JavaScript编写的功能强大的代码高亮显示工具，它可以在网页中对各种程序源代码语法进行高亮显示。当前最新版本是2.0.296，目前支持的编程语言为：Bash/shell、C#、C++、CSS、Delphi、Diff、Groovy、JavaScript、Java、Perl、PHP、Plain Text、Python、Ruby、Scala、SQL、Visual Basic、XML/XHTML/XSLT/HTML。

可以看一下它的 js 文件组织就知道了。

• shBrushBash.js
• shBrushCpp.js
• shBrushCSharp.js
• shBrushCss.js
• shBrushDelphi.js
• shBrushDiff.js
• shBrushGroovy.js
• shBrushJava.js
• shBrushJScript.js
• shBrushPhp.js
• shBrushPlain.js
• shBrushPython.js
• shBrushRuby.js
• shBrushScala.js
• shBrushSql.js
• shBrushVb.js
• shBrushXml.js

新版本的 SyntaxHighlighter 比上一个版本，增加了对几种新语言的支持，比如 Groovy 和 Scala 等等。如果你有意去学习这些新语言，还是需要更新这个工具。

在SyntaxHighlighter目录的styles目录中一共提供了6个样式文件，分别是shThemeDefault.css、shThemeDjango.css、shThemeEmacs.css、shThemeFadeToGrey.css、shThemeMidnight.css、shThemeRDark.css，可以根据自己喜欢的样式来载入不同的样式文件。

在以上代码载入的19个js文件中，除了第一个shCore.js外，其他的都是每个js文件对应一种编程语言(根据文件名可以判断支持哪种编程语言)，可以根据实际需要来选择是否载入。

将需要进行高亮显示的源代码放在<pre></pre>之间，例如：

<?php
	echo "Hello, Welcome to NowaMagic!";
?>

其中c-sharp是定义编程语言的类型，关于其他类型编程语言的定义方法，详见下表的Brush aliases列：