vim+markdown插件具备以下特点：
- markdown文件语法高亮
- 实时效果显示
一、安装语法高亮插件
vim-markdown插件，使用vim编辑markdown文件时，有语法高亮的效果。配置过程如下：
-
打开vimrc文件
vim ~/.vimrc -
添加如下语句（前提是使用vundle管理插件）
Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown' -
直接在vimrc文件中输入命令：
:PluginInstall
二、 安装实时显示插件
vim-instant-markdown插件可以实时显示markdown文件的编辑效果。当你用vim打开markdown文档的时候，会自动打开一个浏览器窗口，并且可以实时预览。此插件目前只支持OSX 和 Unix/Linuxes操作系统。
安装之前需要先安装node.js和并且安装了npm：
- 安装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 <F4> :InstantMarkdownPreview<CR>
#在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
" " <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> " <script type="text/x-mathjax-config"> " MathJax.Hub.Config({ " tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} " }); " </script> "
" inside <head></head>
"
" !!! 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]);
" });
网友评论