可用于wordpress.com博客中代码高亮的HTML源码生成工具 – Highlight

缘由

众所周知,WordPress支持各种各样的插件,在ORG官网上可以查看到;在自己搭建的WordPress主机上,或者很多WordPress主机托管商提供的主机上,都可以愉快地使用这些插件。我猜,代码高亮插件是程序员圈子里最迫切的需求之一,有了代码高亮就可以向世人展示我们呕心沥血敲出来的代码。

wp_org_plugins

然而,代码高亮插件在WordPress.com这里却有些难度,因为只有付费用户中的最高等级之商务版才有安装插件的权限,对我来说,每月2900日元确实很贵,能买多少茶叶蛋啊……

wp_price.png

寻找方法

既然不能自动高亮,那就曲线救国吧,直接写入HTML源码总可以了吧,哈哈,于是开始了寻找生成自动代码高亮HTML源码之路,总不能手工码HTML啦,毕竟这个不太懂。

wp_48_29

找到了一个在线代码着色,尝试了一下效果不错,原来是借助了SyntaxHighlighter实现的高亮,需要在博客内加入CSS文件,很不幸地是WordPress.com博客还是只有商务版付费用户可以上传CSS文件。

wp_04_34

目前看来只能找一个可以生成内嵌CSS的HTML源码的工具了,皇天不负有心人,终于让我发现了Highlight

Highlight代码高亮

Highlight是一个工具,可以把源代码高亮并输出HTML、XHTML、RTF、LaTeX、TeX、SVG格式的富文本内容,支持 Windows、MacOS 和 Unix 或 Linux 系统平台。

简要的使用步骤:拷贝目标代码到剪贴板,选择将剪贴板内的代码的语言类型,选择输出格式为HTML,勾选内嵌内联CSS,选择代码高亮主题,最终将预览结果复制到剪贴板。

highlight_usage

剪贴板内的HTML源码差不多是下图这个样子的,把 pre 标签内的内容拷贝到博客中相应位置就好了。

wp_53_09

效果就是这个样子:

 

如无特殊说明,文章均为本站原创,转载请注明出处
源自: 王明军的博客
本文链接地址: 可用于wordpress.com博客中代码高亮的HTML源码生成工具 – Highlight
广告

Categories: 默认目录

Tagged as:

2 replies

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.