モチログ

はてなでのブログ

VimでMarkdownのプレビューが出来るように設定

このBlog記事をMarkdown記法で記述したいと思いたった。プラグインWP-Markdownを導入し、あとはVimで執筆&プレビュー出来れば良いなと。
環境はMac OSX 10.8.2でhomebrew0.94でやってる。

Mac で mkdpreview-vim を使って reST のプレビューを見る を参考にした。

事前準備

homebrewで入れたコマンドを優先にしないと上手くいかないっぽい(未検証)?ので、パス指定

$export PATH=/usr/local/bin:/usr/local/sbin:$PATH

pyqtインストール

$brew install pyqt
$export PYTHONPATH=/usr/local/lib/python2.7/site-packages:$PYTHONPATH

Sphinxインストール

pipつかうにはbrewpythonいれる必要がある様子

$brew install python $pip install Sphinx

curlインストール

$brew install curl

markdownインストール

$easy_install markdown

.vimrc に下記のように書いて、vimからBundleInstallを実行する。

Bundle 'mattn/mkdpreview-vim'
Bundle 'mattn/webapi-vim'

インストールが終わったらmkdpreview-vimに同梱されてるPythonスクリプトに実行権限を与えておく。

$chmod u+x ~/.vim/bundle/mkdpreview-vim/static/mkdpreview.py

あとはmarkdownファイル(*.mkd)を書いてvimからMkdPreview!を起動するだけ