代码高亮插件SyntaxHighlighter的用法
LeeSir 发表于 2015年03月15日 22:19

想在自己的博客文章中添加代码,并拥有像sublime中漂亮的高亮效果,SyntaxHighlighter是一个不错的选择。本文介绍了SyntaxHighlighter的配置和用法,并解决一些显示上的问题。

SyntaxHighlighter官网是http://alexgorbatchev.com/SyntaxHighlighter/ 里面有提供最新版的download和installation。

一、下载压缩包并解压,引入核心文件shCore.js、shCore.css,还有默认主题shThemeDefault.css。然后根据自己的需要引入格式刷,比如我的博客研究的代码仅限于CSS、JS、PHP和SQL,所以我只需要引入相应的格式刷就行了。最新版本的SyntaxHighlighter3.0.83支持28 种语言的高亮显示,也就是说有28种不同的格式刷。









二、把文章中的js代码部分写在下面标签中:



三、在body标签最后加上