Ⅰ. 插件描述
yet another markdown preview pluginⅡ. 基本信息
|
Ⅲ. 安装方法
使用Vundle管理器安装
在你的.vimrc下添加:Plugin '/markdown-preview-vim-would-can-one':source %
:PluginInstall对于Vundle版本 < 0.10.2，请用上面的Bundle替换Plugin。
使用NeoBundle管理器安装
在你的.vimrc下添加:NeoBundle '/markdown-preview-vim-would-can-one':source %
:NeoBundleInstall使用VimPlug管理器安装
在你的.vimrc下添加:Plug '/markdown-preview-vim-would-can-one':source %
:PlugInstall使用Pathogen管理器安装
在终端中运行以下命令:cd ~/.vim/bundle
git clone https://github.com/vim-scripts/markdown-preview.vimⅣ. 文档说明
FOR MORE INFO: please visit https://github.com/MikeCoder/markdown-preview.vim
Why you need this
It's easy to install with vundle or bundle
No complex config steps
Code Hightlight
Easy to custom your own css style
TODO: Code custom style hightlight
Usage
edit your markdown doc normally
when you want to preview it in html you just use :MarkdownPreview defult to show your doc in your browser
if you want to change your style. you just use :MarkdownPreview GitHub in github style markdown view
you can also use map <leader>m :MarkdownPreview GitHub to have more fun
Custom
this theme is in the css folder, if you want to change it to your favorite theme. follow the steps:
go into your .vim folder
find MarkDownRes folder and you will find default.css and GitHub.css here
add your custom css file here, such as exmaple.css
use vim open your markdown doc and :MarkdownPreview example
and you will see your doc preview in your browser with example.css
Advanced Usage
use :MarkdownPreviewWithCustomCodeStyle css-style code-style instead
you can use custom css style and code hightlight style
the following code styles are you can use:
github
solarized_dark
solarized_light
default
color-brewer
railscasts
tomorrow
zenburn
mono
monokai_sublime
these code css files are in your ~/.vim/MarkDownRes/code-styles folder
for example, you use :MarkdownPreviewWithCustomCodeStyleCodeStyle Github zenburn, when edit the TEST.md