使用CodeRenderUnmi转换高亮代码

写博客的时候常常会发现需要插入一段代码。但是在网页上显示编程语言的源码的时候,并不像你们想像的那样简单。如果没有做适当的改写,你的浏览器很有可能无法正确识别哪些是“源码”,哪些是你想要展示的“代码”。

一般这个时候,就用在博客程序里装载一个Highlighter的插件。插件的问题在于,它是面向所有编程语言设计的,会加载很多你用不着的组件。此外,许多高级插件还会附带许多“粘帖”“编辑”“样式”这些小噱头,它们都是会占用你的主机流量的。

我喜欢用原始的解决方法,在本地使用CodeRenderUnmi工具将代码预先转换成HTML代码,然后贴入文章。此外你只需要在主题内引用CSS样式和一个20行的JS库。

下载:CodeRenderUnmi.zip

引用文件在压缩包内,引用如下(加入标签内):
<script type="text/javascript" src="http://abc.com/themes/js/shCore.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://abc.com/themes/css/highlight.css" />

发表评论

Clicky