Category Archives: Wordpress

[vim]マークダウンをプレビューしながら編集できるようにする

超まとめ

Visual Studio Codeとかでできる、左側でマークダウンを下記ながら右側でフォーマッティングされたものをプレビューできるアレ。Vimでもできるらしいのでやってみました。

やってみたVimは香り屋版Vim@Windows10です。

セットアップ手順

  1. _vimrcに下記を追加
    • NeoBundle ‘plasticboy/vim-markdown’
    • NeoBundle ‘kannokanno/previm’
    • NeoBundle ‘tyru/open-browser.vim’
  2. vimを再起動

補足:
香り屋版Vimでは、拡張子mdは最初からマークダウンになっているようだったので(:set filetype?で調べた)、そのあたりの設定は必要ありませんでした。

使い方

マークダウンのテキストファイル(拡張子md)を開いて、

:previmopen

でブラウザが起動して、フォーマッティングされたマークダウン文書が表示されます。
Windows10ならWin+→とかで画面を二分割すればいい感じ!

コード表記はGithub形式のやつ (“`行で囲むやつ)に対応しているようです。
Syntax Highlighter Evolveの書式(で囲むやつ)には対応していませんでした。残念。