BLOG代码高亮

2.代码高亮

代码高亮对于喜欢贴代码的朋友是一个不可少的功能，好的代码高亮不仅能使你的文章变得美观，也能让读者方便的获取到文章中的代码。我不知道博客园默认提供哪种的代码高亮组件，但是我用自己用着舒服的。
这个高亮组件是"dp.SyntaxHighlighter"，它原本是一个wordpress插件，我将它所有的js文件压缩为一个文件，然后只需要在我们博客页面引用一个30多K的js文件就可以了。

具体的操作是在"后台管理->设置->页脚Html代码"添加下面一段js代码：

<script type="text/javascript" src="https://files.cnblogs.com/lloydsheng/lighter.js"></script>
<script type="text/javascript"> 
dp.SyntaxHighlighter.HighlightAll('code');
</script>

使用这个组件的方法比较简单，看下面代码：

<pre name="code" class="[language]">你的代码...</pre>。

不同语言的代码language参数不同，如果是使用我压缩好的js代码话，language参数可以选择sql，cpp，vb，xml，css，javascript，java，ruby，python，dephi，csharp。一般的博客应该够用了吧。

这个方法不限于博客园的博客，也不限于dp.SyntaxHighlighter高亮组件，你可以根据你的需要去自定义。