Skip to content

vim-scripts/markdown-preview.vim

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

This is a mirror of http://www.vim.org/scripts/script.php?script_id=5256

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