7. Mac下安装vim+Plugin支持Markdown

vim+markdown插件具备以下特点：

• markdown文件语法高亮
• 实时效果显示

一、安装语法高亮插件

vim-markdown插件，使用vim编辑markdown文件时，有语法高亮的效果。配置过程如下：

1. 打开vimrc文件
   vim ~/.vimrc

2. 添加如下语句（前提是使用vundle管理插件）
   Plugin 'godlygeek/tabular'
   Plugin 'plasticboy/vim-markdown'

3. 直接在vimrc文件中输入命令：
   :PluginInstall

二、 安装实时显示插件

vim-instant-markdown插件可以实时显示markdown文件的编辑效果。当你用vim打开markdown文档的时候，会自动打开一个浏览器窗口，并且可以实时预览。此插件目前只支持OSX 和 Unix/Linuxes操作系统。

安装之前需要先安装node.js和并且安装了npm：

1. 安装node：

从node的主页下载 node的pkg文件

下载后node安装包中自带npm，然后再控制台中运行：

sudo npm -g install instant-markdown-d

三、 安装vim插件

vim ~/.vimrc
#添加
Plugin 'suan/vim-instant-markdown'
let g:instant_markdown_slow = 1
let g:instant_markdown_autostart = 0
map  :InstantMarkdownPreview
#在vim中执行
:PluginInstall

安装完成后，只要vim打开了markdown类型的文件就会自动打开一个浏览器窗口实时预览。

四、mathjax公式显示、动态更新

" !!! For diplay mathematical formula !!! In my OSX, the vim-instant-preview is installed in
" /usr/local/lib/node_modules/instant-markdown-d/ folder, only need to change index.html file
" Add MathJax javascript library:
" add
" " " "
" inside
"
" !!! To do AotoUpdate !!!, change relevant part in your index.html to be like this
" socket.on('newContent', function(newHTML) {
" document.querySelector(".markdown-body").innerHTML = newHTML;
" MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
" });