无插件实现代码高亮 – wowcode

 

代码高亮似乎是很多博主都在纠结的问题。使用插件的确方便,不过会影响博客的加载速度,对于不使用插件的方法,现在很多朋友使用的是发芽网提供的代码高亮功能。不过呢,每次都需要打开网站去高亮代码然后复制回来,似乎比较麻烦。于是,李道然童鞋就自己搞了个软件“wowCode”来实现代码高亮。

wowcode

WowCode是一个高亮代码本地生成器,可以让你免去加载那些高亮代码插件动辄几十kb的CSS文件和脚本。

高亮代码本地生成的好处

这个我想不用多说,自然是为空间减负了。高亮代码插件通常体积十分庞大,我可不想让我的博客不堪重负。通过WowCode只需要你在你网站的CSS文件中加上0.7k的css文件即可实现高亮,不产生任何脚本语言。如果你不想在CSS文件中加代码,还可以选择生成内嵌CSS的代码。

2011-02-10_232641(001)

如何使用

  1. 首先请先将程序目录下的style.css文件中的内容复制到你的css文件中。
  2. 将你需要高亮的代码复制到上面的文本框
  3. 如果你勾选了显示头部(默认是勾选的),那么请选择语言并编辑标题,这些内容会附加到产生的代码中显示。
  4. 选择是否外部加载CSS,如果你未在CSS文件粘贴上CSS代码,请选择集成CSS
  5. 最后转换下就OK了

提示:使用wordpress的朋友请注意在代码编辑模式下贴入生成的代码,并且请勿在贴上代码后切换至可视化编辑模式,否则wordpress会清除空格符号(当然如果你不需要对代码进行空格排版就无所谓了),这个问题无法避免,除非你自己修改wordpress。所以如果你需要在可视化编辑模式编辑你的文章,你可以选择最后贴上代码,但这不是一个bug。

关于功能和美化

首先当然是代码高亮,然后还有自定义title和language,你可以为代码写个标题,让读者更明确程序的内容。当然,你也可以选择不显示头部。

如果你选择外部加载CSS,你还可以自己修改CSS文件达到你设想的效果,默认的CSS是力求简洁的。

升级和其他问题请查看作者博客

作者已经开放源码,有能力的童鞋可以自行修改、编译:点击查看源码

目前最新版本为 V2.16,需要的童鞋请点这里下载:点我下载wowcode V2.16

无插件实现代码高亮 – wowcode》上有15个想法

发表回复