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

需求及思路：演示需要，需要网站上嵌入一些代码，我的建议做法是根据代码文件，生成相应的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="\033[0;32;40m"
7 # COLOR_OK="\033[0;34;40m"
8 COLOR_RESET="\033[0m"
9 USAGE="color \"strings\""
10 usage2="eg. color \"Usage: color \"strings\"\n\""
11 usage3="eg. color Reset\nThis is the way of reset CONSOLE! \n"
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\"\n"; 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 }

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