vim搭配markdown实现实时预览

首先不得不再次感叹一下开源世界的强大！！！

首先要setup

需要vim7.4，首先参考安装vim7.4
安装gcc等编译工具
yum -y install gcc+ gcc-c++
安装node.js

cd /usr/local/src/ && \
wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz && \
tar zxvf node-v0.10.24.tar.gz && \
cd node-v0.10.24 && \
./configure --prefix=/usr/local/node/0.10.24 && \
make && \
make install && \
echo "export NODE_HOME=/usr/local/node/0.10.24" >> ~/.bashrc && \
source ~/.bashrc && \
echo "export PATH=$NODE_HOME/bin:$PATH" >> ~/.bashrc && \
source ~/.bashrc && \
node -v

yum install npm

npm config set strict-ssl false && \
npm -g install instant-markdown-d

这一步是安装 https://github.com/suan/instant-markdown-d 到node的库，
运行一下instant-markdown-d会发现，其实是运行的这个，
/usr/local/node/0.10.24/lib/node_modules/instant-markdown-d/instant-markdown-d

我的linux机器上已经安装了xdg-utils和curl
安装curl主要是因为 vim-instant-markdown/after/ftplugin/markdown/instant-markdown.vim
会用到curl

function! s:refreshView()
    let bufnr = expand('<bufnr>')
    call s:systemasync("curl -X PUT -T - http://localhost:8090",
                \ s:bufGetLines(bufnr))
endfu

cd ~ && \
git clone git://github.com/suan/vim-instant-markdown.git && \
mkdir -p ~/.vim/after/ftplugin/markdown/ && \
cd vim-instant-markdown && \
cp after/ftplugin/markdown/instant-markdown.vim ~/.vim/after/ftplugin/markdown/

不知道为什么两次 npm -g install instant-markdown-d 安装的包不一样啊！把第一次安装的能用的传到第二个上面

rm -rf /usr/local/node/1.1.1.1/lib/node_modules/instant-markdown-d && \
scp -r /usr/local/node/1.1.1.1/lib/node_modules/instant-markdown-d \
root@1.1.1.1:/usr/local/node/1.1.1.1/lib/node_modules

echo "filetype plugin on" >> ~/.vimrc && \
echo "let g:instant_markdown_open_to_the_world = 1" >> ~/.vimrc

启用插件
让插件在0.0.0.0监听，

vim README.md
netstat -antup | grep 8090

但是好像没用，
不过没关系，因为vim-instant-markdown/after/ftplugin/markdown/instant-markdown.vim
是在这个地方调用instant-markdown-d的

    let env = ''
    if g:instant_markdown_open_to_the_world
        let env .= 'INSTANT_MARKDOWN_OPEN_TO_THE_WORLD=1 '
    endif
    if g:instant_markdown_allow_unsafe_content
        let env .= 'INSTANT_MARKDOWN_ALLOW_UNSAFE_CONTENT=1 '
    endif
    if !g:instant_markdown_allow_external_content
        let env .= 'INSTANT_MARKDOWN_BLOCK_EXTERNAL=1 '
    endif

    call s:systemasync('instant-markdown-d', a:initialMDLines)
endfu

所以我们直接修改
/usr/local/node/0.10.24/lib/node_modules/instant-markdown-d/instant-markdown-d
把本地监听的也改为全内网监听即可

if (process.env.INSTANT_MARKDOWN_OPEN_TO_THE_WORLD) {
  // Listen on any interface.
  server.listen(8090, onListening).once('error', onServerError);
} else {
  // Listen locally.
  // server.listen(8090, '127.0.0.1', onListening).once('error', onServerError);
  server.listen(8090, onListening).once('error', onServerError);                                                                                         
}

这样打开一个README.md之后，我们在运行netstat -antup | grep 8090就可以看到本机在8090端口监听啦，这样用chrome输入本机IP:8090 就可以看到啦！

vim搭配markdown实现实时预览

推荐阅读更多精彩内容