prettify 代码高亮插件使用

1,979次阅读

共计 843 个字符，预计需要花费 3 分钟才能阅读完成。

code prettify 解释为 “代码修饰”。
他由JS代码和CSS代码构成，用来高亮显示HTML页面中的代码。
支持：C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, Erlang, Go, Haskell, Lisp, Scheme, LLVM, Lua, Matlab, Pascal, R, Scala, SQL, LaTeX等语言

在使用之前我建议将prettify.css中 li 的样式中添加：list-style-type:decimal 使得每行都有行号，而不是每5行有一个号。
加入主要的CSS文件和JS文件：

在标签中加入onload=”prettyPrint();”

将代码放在

标签内，其中 linenums 表示为代码添加行号，可以不写。
注意：像html中的特殊字符需要转义，比如应该写成 &lt a &gt
例子
代码主题选择 

默认在prettify中有5种选择：

prettify.css
sunburst.css
desert.css
doxy.css
sons-of-obsidian.css
比如你想使用sunburst.css，则我们只需要将：

替换成

扩展样式可以从 http://jmblog.github.io/color-themes-for-google-code-prettify/ 、http://stanleyhlng.com/demo/?url=http%3A%2F%2Fdemo.stanleyhlng.com%2Fprettify-js%2F&surl=http%3A%2F%2Fstanleyhlng.com%2Fprettify-js%2F下载。

prettify默认支持类C语言（如java等）等，我们可以通过添加额外的JS文件来使得prettify支持该语言的代码高亮（额外的JS文件从此处下载）。比如添加 lang_go.js 并