博客中插入代码使其高亮 SyntaxHighlighter

1 下载

下载Google链接

2 使用

2.1 解压

假设网页文件test.htm存放在一个目录，解压后，复制其中的Scripts文件夹和styles文件夹，确保和test.html在同一个目录下面。

2.2 插入代码

2.2.1 head

在网页的<head></head>之间插入以下代码：

点击打开链接

2.2.2 source

在网页要显示程序源代码的地方插入以下代码，若是HTML类型的话，用XML（其它的如class="js"表示以js语法显示源代码，其他可设定的class值分别为c#、css、c、elphi、java、js、php、python、ruby、sql、vb、xml）：

<textarea name="code" class="js" rows="15" cols="100">
程序源代码放在这儿
</textarea>

说明：
name="code"是必须的，不能更改；
class="xml"是着色的方式，即需要着色的代码的类型，根据需要进行更改。

2.2.3 body

在网页尾部的</body>之前插入以下代码：

<script class="javascript" src="Scripts/shCore.js"></script> 
<script class="javascript" src="Scripts/shBrushCSharp.js"></script> 
<script class="javascript" src="Scripts/shBrushPhp.js"></script> 
<script class="javascript" src="Scripts/shBrushJScript.js"></script> 
<script class="javascript" src="Scripts/shBrushJava.js"></script> 
<script class="javascript" src="Scripts/shBrushVb.js"></script> 
<script class="javascript" src="Scripts/shBrushSql.js"></script> 
<script class="javascript" src="Scripts/shBrushXml.js"></script> 
<script class="javascript" src="Scripts/shBrushDelphi.js"></script> 
<script class="javascript" src="Scripts/shBrushPython.js"></script> 
<script class="javascript" src="Scripts/shBrushRuby.js"></script> 
<script class="javascript" src="Scripts/shBrushCss.js"></script> 
<script class="javascript" src="Scripts/shBrushCpp.js"></script> 
<script class="javascript"> 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

一个页面里面可以包含任意多个需要着色的代码段；
压缩包中有各种着色代码类型的着色案例，大家可以参照使用。

Author: 点击打开链接

Date: 2011-06-09 13:21:18

HTML generated by org-mode 6.33x in emacs 23

文章出处：http://blog.csdn.net/PfanAya/article/details/6533764

点击打开链接