PJBlog自带的代码显示相对比较的简单,一直比较喜欢syntaxhighlighter的显示效果,这次威言威语就教你如何在PJBlog上使用syntaxhighlighter。

Syntaxhighlighter的这种代码的效果看起来还是很不错的。

代码显示更加的清晰美观。

这种效果是在Google上看见的,觉得很不错,于是就有了把她弄到PJBlog上的想法。经过一些简单的修改,也实现了这样一个效果。

下面就来介绍一下是怎么实现这一效果的!我是在PJBlog3 v2.8.5.157 的基础上修改的,建议修改前请备份!

第一步:下载文件:Syntaxhighlighter(提取码: 4ip3),解压。将解压下来的 veisin 文件夹上传到 common 文件夹下面。

第二步:打开 common 文件夹中的 ubbcode.asp,找到

'-----------List标签----------------

大概位于290行。在它的前面有一个

End If

End If

的前面加上下面的代码

re.Pattern = "\[code=([^\r]*?)\](.*?)\[\/code\]"Setre.Execute(strContent)For Each strMatch inReplace(strContent, strMatch.Value, " textareacode""" & strMatch.SubMatches(0) & """ " & UBBFilter(HTMLDecode(strMatch.SubMatches(1))) /textarea ", 1, -1, 0) NextSetNothing

第三步:打开根目录下的 header.asp 文件,找到

linkstylesheetstylesheetFCKeditor/editor/css/Dphighlighter.csstext/cssall / !--FCK块引用 代码样式--

在后面加入下面这段代码

linkstylesheetstylesheetcommon/veisin/veisin.csstext/css /

第四步:打开根目录的 footer.asp 文件,找到

scripttext/javascript initAccessKey() //转换AccessKey For IE /script

在后面加上下面的代码

scriptjavascript src= common/veisin/shCore.js /script scripttext/javascript src= common/veisin/shBrushJScript.js /script scripttext/javascript src= common/veisin/shBrushVb.js /script scripttext/javascript src= common/veisin/shBrushCss.js /script scripttext/javascript src= common/veisin/shBrushCSharp.js /script scripttext/javascript src= common/veisin/shBrushCpp.js /script scripttext/javascript src= common/veisin/shBrushDelphi.js /script scripttext/javascript src= common/veisin/shBrushJava.js /script scripttext/javascript src= common/veisin/shBrushPhp.js /script scripttext/javascript src= common/veisin/shBrushPython.js /script scripttext/javascript src= common/veisin/shBrushRuby.js /script scripttext/javascript src= common/veisin/shBrushSql.js /script scripttext/javascript src= common/veisin/shBrushXml.js /script scripttext/javascript dp.SyntaxHighlighter.ClipboardSwf = 'common/veisin/clipboard.swf';dp.SyntaxHighlighter.HighlightAll('code'); /script

当然了这上面并不是所有的我们都用的到,所以我们可以有选择的添加。

第五步:找到 FCKeditor 文件夹,打开FCKeditor/editor/css/Dphighlighter.css,删除下面的代码。

.Content-body li { list-style:disc

第五步是为了解决数字的显示问题,如果不去掉的话,那么代码前面的数字将不会显示,而是显示一个小圆点。

第六步:效果显示。

下面就是怎么用这个效果了。

在UBB下发表文章,代码我们原来是用[code][/code]

现在我们发布代码的时候用[code=**][/code]

此时**代表Vb,JScript,Css,CSharp,Cpp,Delphi,Java,Php,Python,Ruby,Sql,Xml

终于全部写完了,累死了……

PS:忘了说了,你发布的代码是什么类型的,就用什么类型的标签。这样不容易出错。换句话说,比如你写的是CSS代码,而你用的JScript来发布,有可能会显示错误的。所以呢,此适用于那些懂点代码的朋友!