一个技术博客怎么能少得了代码高亮显示这个插件，最好用的还是SyntaxHighlighter。

由于是使用pjax加载页面的方式，使用插件的时候也掉坑里了。

先下载syntaxhighlighter_3.0.83。

因为我已经很明确我需要使用的插件拓展，直接只保留需要的文件【根据自己使用选择】。

scripts目录下的：shBrushCss.js、shBrushJScript.js、shBrushPhp.js、shBrushSql.js、shBrushXml.js、shCore.js

styles目录下的：shCoreEclipse.css

接下来我的精简方式是：shBrushCss.js、shBrushJScript.js、shBrushPhp.js、shBrushSql.js、shBrushXml.js合并至一个文件【shBrushPhp.js】

使用方式就是先分别引入：shCore.js、shBrushPhp.js、shCoreEclipse.css然后再执行即可

<link rel="stylesheet" type="text/css" href="路径/shCoreEclipse.css" />
<script type="text/javascript" src="路径/shCore.js"></script>
<script type="text/javascript" src="路径/shBrushPhp.js"></script>
<script type="text/javascript">SyntaxHighlighter.all();</script>

但是在pjax加载的时候代码高亮显示却没有了效果，只需做一个小调整即可

/*需要注意这行代码放置的位置*/
<script type="text/javascript">SyntaxHighlighter.highlight();</script>

以下为各种代码的事例：

function demo(){
    echo "PHP代码";
}

function demo(){
    var _this;
    alert('JS代码');
}

<div>
    <p>HTML代码</p>
</div>

.body-box{ width:100%; overflow:hidden;}
.bg-white{ background:#fff;}
.bg-theme{ background:#1f6799;}

SELECT * FROM `aaaa`