用Vim免插件实现WordPress代码高亮

wordpress 的代码插件会把代码的缩进去掉,没有缩进的代码可读性下降了很多。据说有一个叫wordpress代码粘贴助手的软件,但是Maxiee 在Ubuntu 下wine 打不开,那个程序像是vb 写的,估计缺少什么库吧。还有一种方法,就是用我们常用的Vim 。

1. 在Vim中打开我们想要的代码:

wordpress代码缩进

2. 关闭用CSS生成html“:let g:html_use_css=0”

3. 输入命令“:TOhtml”

4. 就会得到这样的界面:

wordpress代码缩进2

 

上半部分就是我们需要的html代码了。

我们不用全部复制,只需要复制包含代码的<body>...</body>即可。

5. 拷贝至wordpress

在文本编辑模式,拷贝到对应位置。

给代码前后分别加上 <pre> 和 </pre> 标签,给代码加上一个方框,更加美观。

显示效果可以看Maxiee 的这篇博客TableLayout学习