代码高亮似乎是很多博主都在纠结的问题。使用插件的确方便,不过会影响博客的加载速度,对于不使用插件的方法,现在很多朋友使用的是发芽网提供的代码高亮功能。不过呢,每次都需要打开网站去高亮代码然后复制回来,似乎比较麻烦。于是,李道然童鞋就自己搞了个软件“wowCode”来实现代码高亮。
WowCode是一个高亮代码本地生成器,可以让你免去加载那些高亮代码插件动辄几十kb的CSS文件和脚本。
高亮代码本地生成的好处
这个我想不用多说,自然是为空间减负了。高亮代码插件通常体积十分庞大,我可不想让我的博客不堪重负。通过WowCode只需要你在你网站的CSS文件中加上0.7k的css文件即可实现高亮,不产生任何脚本语言。如果你不想在CSS文件中加代码,还可以选择生成内嵌CSS的代码。
如何使用
- 首先请先将程序目录下的style.css文件中的内容复制到你的css文件中。
- 将你需要高亮的代码复制到上面的文本框
- 如果你勾选了显示头部(默认是勾选的),那么请选择语言并编辑标题,这些内容会附加到产生的代码中显示。
- 选择是否外部加载CSS,如果你未在CSS文件粘贴上CSS代码,请选择集成CSS
- 最后转换下就OK了
提示:使用wordpress的朋友请注意在代码编辑模式下贴入生成的代码,并且请勿在贴上代码后切换至可视化编辑模式,否则wordpress会清除空格符号(当然如果你不需要对代码进行空格排版就无所谓了),这个问题无法避免,除非你自己修改wordpress。所以如果你需要在可视化编辑模式编辑你的文章,你可以选择最后贴上代码,但这不是一个bug。
关于功能和美化
首先当然是代码高亮,然后还有自定义title和language,你可以为代码写个标题,让读者更明确程序的内容。当然,你也可以选择不显示头部。
如果你选择外部加载CSS,你还可以自己修改CSS文件达到你设想的效果,默认的CSS是力求简洁的。
升级和其他问题请查看作者博客。
作者已经开放源码,有能力的童鞋可以自行修改、编译:点击查看源码
目前最新版本为 V2.16,需要的童鞋请点这里下载:点我下载wowcode V2.16
这个东西不错,但是生成的代码是否会何发芽的一样有很多很多。
可以使用外部加载CSS文件以达到整洁的效果。 🙂
一直用发芽网的撸过~~~
发芽的确不错
嘿嘿,发芽网我也一直在用,灰常不错! 😈
还是习惯插件,以前弄过的代码老多了,换的话,之前的估计就出问题了,也不想花时间一篇篇改了,还好我自己精简插件了
我也用的插件,此文主要是针对不想用插件的。其实我是懒 🙂 ,因为用WLW,里边装了配合wp syntax的插件,所以用的相当顺手啊
饿,本地生成,我知道一种很牛X的代码高亮方法,不知道wp能不能用
哪种?发出来看下 😛
http://www.evilhk.com/post/622.html 就是这个(发个外链) 😈 😈
那个其实也是一样的。用编辑器插件生成HTML,然后加载CSS实现高亮。
支持一下
这个不错,有空试试,不过我是懒人,哈哈,还是用插件好了。
哎呀,写错邮箱了,这个恶心的头像…. ❓
自己动手搞,可能效果有点偏差。