有好几个朋友问我,我用的什么语法高亮的组件,还以为我的Blogger设置有什么特别的,其实我倒没有作过什么设置,我一般是使用生成好了的Html代码,然后贴到日志中的,比如,Vim可以生成高亮的HTML代码,Eclipse,Visual Studio可以将带有样式的代码复制为RTF格式,不少编辑器都有这个功能,另外可以使用在线的代码高亮工具,如
http://www.geshi.org 。
另外一个在Blogger中可以使用的高亮组件是基于JavaScript的一个
dp.SyntaxHighlighter,其实不少地方都可以看到它的。可以先看看它的
Demo。也支持不少常见的代码,不过和
GeSHi比要少很多,但也够用了。
具体用法是这样的:先
下载该组件,将Scripts中shCore.js和所需高亮的语言shXXX.js以及Styles下的SyntaxHighlighter.css上传到某个地方,如果需要自定义,可以根据TestPages.css进行修改。然后在Blogger的模版的body元素末尾加入以下代码:
〈script src="shCore.js" type="text/javascript"〉〈/script〉
〈script src="shBrush
[所要加载的高亮语法].js" type="text/javascript"〉〈/script〉
…………
〈script type="text/javascript"〉dp.SyntaxHighlighter.HighlightAll('code');〈/script〉
然后,在代码中添加<textarea class="
[语言]" name="code"></textarea>,其中code属性也对应前面HighlightAll('code')中的code。
由于受Blogger程序的限制,代码中部分符号使用全角表示。
测试一下:
--
Posted By ShiningRay to
ShiningRay @ Blogger at 10/06/2006 07:39:00 下午