篇文章介紹一些 vim 使用技巧：

• 把外部shell命令的執行結果寫入文件
• 使用vim將文件轉出html格式

把外部shell命令的執行結果寫入文件

在 vim 中，可以使用 :r !cmd 命令執行 shell 中的 cmd 命令，并把該命令的打印結果寫入到當前光標的下一行。

例如，:r !date 命令執行 shell 的 date 命令，打印當前的時間，把這個打印結果寫入到當前光標的下一行。

也可以在 r 命令的前面加上數字指定要寫入到哪一行之后，而不是寫入到當前光標的下一行。

例如，:2r !date 命令是把打印結果寫入到第二行的后面，也就是寫入到第三行，原先第三行會挪到第四行，后面的內容依此類推。

注意：如果不加感嘆號 ‘!’，那么后面跟著的參數會被認為是文件名，如果存在該文件，會讀取該文件內容，寫入到當前光標的下一行。如果該文件不存在，則報錯提示找不到文件。例如， :r date 命令是讀取名為 date 的文件內容，寫入到當前光標的下一行。

這里的 :r 是 :read 命令的縮寫。

在 vim 中，用 :help :r 命令查看 :r !cmd 和 :r name 命令的幫助說明。部分關鍵說明如下：

:r[ead] [++opt] [name]
Insert the file [name] (default: current file) below the cursor.

:{range}r[ead] [++opt] [name]
Insert the file [name] (default: current file) below the specified line.

:[range]r[ead] !{cmd}
Execute {cmd} and insert its standard output below the cursor or the specified line.

使用vim將文件轉出html格式

在 vim 中，可以使用 :TOhtml 命令來將當前文件轉換出 html 格式文件。注意這個命令的大小寫，不能寫為 :tohtml 的形式。

:TOhtml 命令基于整個文件內容轉成一個新的 html 文件，拆分新的 vim 水平窗口顯示轉換后的 html 文件內容。如有需要，可以自行修改文件內容做一些調整。最后，保存該 html 文件即可。

注意：這個 html 文件需要在 vim 中保存后才會生成本地文件，:TOhtml 命令并沒有直接生成本地的 html 文件，也不會修改原有文件本身的內容，而是生成新的 html 文件。

如果只是需要轉某幾行代碼（例如30行到42行），則執行 :30,42TOhtml 命令。

如果當前 vim 配置成顯示行號，所轉換出來的 html 文件中也會帶有行號。不想帶有行號的話，可以在轉換之前，先執行 :set nonu 命令設置為不顯示行號。

#!/bin/bash
#############################################################
# File Name: make_file.sh
#############################################################
?
[ -d /data ] || mkdir -p /data
rpm -qa |grep pwgen &>/dev/null
if [ $? -eq 1 ] 
 then 
 yum install -y expect &>/dev/null
fi
?
cd /data &&\
for i in {1..10}
 do
 #File_Name=`uuidgen |tr "0-9-" "a-z"|cut -c 1-10`
 File_Name2=`mkpasswd -l 10 -c 3 -C 3`
 touch ${File_Name2}_hwb.html
done

#!/bin/bash
#############################################################
# File Name: rename_file.sh
#############################################################
?
cd /data &&\
File_name=`ls |sed -r 's#(.*)_hwb.html#\1#g'`
?
for i in $File_name
 do
 if [ -f ${i}_hwb.html ] 
 then
 mv ${i}_hwb.html ${i}_linux.HTML
 else
 echo "文件修改完成."
 exit
 fi
done

者：前端小智 來源：大遷世界

.md文件是markdown的一種標記語言，和html比較起來，更簡單快捷，主要體現在：標記符的數量和書寫上。

• 標記符的數量：html文檔需要用到數量繁多的標記符，再輔以css來控制樣式和排版，而markdown文檔只需要四個基本的標記符號就能完成同樣的事。
• 標記符的書寫：HTML文檔內容需要同時標記開始和結束這是一個網頁，而markdown文檔則只要在開始位置標記即可# 這是一個md文檔。下面介紹如何實現將.md文件轉換成.html文件。

方式一：使用i5ting_toc插件

需要先安裝npm(安裝node.js后會自帶npm)，然后才能安裝i5ting插件：

npm install i5ting_toc -g

執行命令行生成html文件，在輸入前要進入到對應根目錄下：

i5ting_toc -f **.md

需要注意的是：寫md文檔的特殊符號時記得添加空格。小技巧：如何快速在當前目錄打開cmd?選擇當前目錄，按住shift，然后鼠標右鍵在此處打開命令窗口(在此處打開powerShell窗口)。

方式二：使用gitbook

同樣先需要安裝node，然后運行：

npm i gitbook gitbook-cli -g

生成md文件,這個命令會生成相應的md的文件，然后在相應的文件里寫你的內容即可：

gitbook init

md轉html,生成一個_doc目錄，打開就可以看到你html文件了。

gitbook build

方式三：利用前端代碼

實現原理是采用node.js搭建服務器，讀取md文件轉化為html片斷。瀏覽器發送ajax請求獲取片段后再渲染生成html網頁。

node代碼：

var express = require('express');

var http = require('http');

var fs = require('fs');

var bodyParser = require('body-parser');

var marked = require('marked'); // 將md轉化為html的js包

var app = express();

app.use(express.static('src')); //加載靜態文件

var urlencodedParser = bodyParser.urlencoded({ extended: false });

app.get('/getMdFile',urlencodedParser, function(req, res) {

var data = fs.readFileSync('src/test.md', 'utf-8'); //讀取本地的md文件

res.end(JSON.stringify({

body : marked(data)

}));

} );

//啟動端口監聽

var server = app.listen(8088, function () {

var host = server.address().address;

var port = server.address().port;

console.log("應用實例，訪問地址為 http://%s:%s", host, port)

});

前端html：

<div id="content"> <h1 class="title">md-to-HTML web app</h1> <div id="article"> </div></div><script type="text/JavaScript" src="js/jquery-1.11.3.min.js"></script><script> var article = document.getElementById('article'); $.ajax({ url: "/getMdFile", success: function(result) { console.log('數據獲取成功'); article.innerHTML = JSON.parse(result).body; }, error: function (err) { console.log(err); article.innerHTML = '<p>獲取數據失敗</p>'; } });</script>