可用于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

效果就是这个样子:

01 /* =========================================================================
02  * This function can be used by asm versions of crc32()
03  */
04 const z_crc_t FAR * ZEXPORT get_crc_table()
05 {
06 #ifdef DYNAMIC_CRC_TABLE
07     if (crc_table_empty)
08         make_crc_table();
09 #endif /* DYNAMIC_CRC_TABLE */
10     return (const z_crc_t FAR *)crc_table;
11 }
12 
13 /* ========================================================================= */
14 #define DO1 crc = crc_table[0][((int)crc ^ (*buf++)) & 0xff] ^ (crc >> 8)
15 #define DO8 DO1; DO1; DO1; DO1; DO1; DO1; DO1; DO1

 

Advertisements

分类:默认目录

Tagged as:

2 replies

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

You are commenting using your WordPress.com account. Log Out /  更改 )

Google+ photo

You are commenting using your Google+ account. Log Out /  更改 )

Twitter picture

You are commenting using your Twitter account. Log Out /  更改 )

Facebook photo

You are commenting using your Facebook account. Log Out /  更改 )

Connecting to %s

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