如何通过VIM把代码格式化后生成HTML网页代码

本文转自http://wangxiaoyu.blog.51cto.com/922065/203471

需求及思路：演示需要，需要网站上嵌入一些代码，我的建议做法是根据代码文件，生成相应的HTML代码，然后通过HTML的框架结构嵌入到实际的页面中。

 

本节重点：通过VIM把打开的代码格式化后生成HTML页面代码。

 

操作：在用VIM打开filename.xxx后，在Normal模式下，输入“:TOhtml”，会自动生filename.xxx..html文件，然后我们可以通过w指令把它写到其它文件中。

 

保证可读性的其它操作：

为了使生成的网页文件在网页情况下显示更友好，如带行号，颜色更容易分辨等等，在生成html页面文件前我建议这样设定生成的格式。

 

Normal模式下执行下列指令：

其它你想执行的格式化命令

:set nu

:colorscheme koehler

:w colorscheme_koehler.html

 

图示：colorscheme_koehler.html

1 #!/bin/bash
 2 # wang_xiaoyu@qq.com
 3 # 第一行不是必须
 4 # . color.function 请运行前做这样的操作
 5 color() {
 6 COLOR_OK="33[0;32;40m"
 7 # COLOR_OK="33[0;34;40m"
 8 COLOR_RESET="33[0m"
 9 USAGE="color "strings""
10 usage2="eg. color "Usage: color "strings" ""
11 usage3="eg. color Reset This is the way of reset CONSOLE! "
12 if [ $# -lt 1 ]; then
13 # echo "$USAGE" >&2
14         echo -e "Usage: $USAGE" >&2
15         echo "$usage2" >&2
16         (echo -en "${COLOR_OK}"; echo -ne "Usage: color "strings" "; echo -ne "${COLOR_RESET}") >&2
17         echo -en "$usage3" >&2
18         return 1
19 elif [ "$1" = "Reset" ]; then
20         echo -ne "${COLOR_RESET}"
21         echo "reset sucessfully! "
22         return 0
23 else
24         echo -ne "${COLOR_OK}"; echo -ne $@;echo -ne "${COLOR_RESET}"
25         return 0
26 fi
27 }

其它更高级的操作，我可能会在以后的文章中涉及到。