Help us understand the problem. What is going on with this article?

Vim + Markdown

More than 3 years have passed since last update.

Markdownは現在、プロジェクトのドキュメントを書くために利用されたり、JekyllHugoなどを用いた静的サイトに利用されたりしており、編集する機会は多いと思います。
Vim界隈でも、たくさんのプラグインが作成されており、便利な機能が提供されているので、ここでまとめたいと思います。

基本的なプラグイン

ます紹介するのは、Markdown編集に必要不可欠な、基本的な機能を提供するプラグインです。
共通の機能として、以下のようなものがあります。

  • Markdownファイルタイプの自動設定
  • 一般的なMarkdown記法のシンタックスハイライト
  • オートインデント

このような機能を持っているプラグインとして代表的なのものを以下にリスト化しました。

  • plasticboy/vim-markdown

    GitHub上で一番多くスターがついており、開発も最も活発なプラグインです。
    例として、以下のような機能があります。

    • 一般的なMarkdown記法以外のシンタックスハイライト
      • LaTex math
      • JekyllやHugoで使用されているFront Matter
    • 隣接するヘッダへのモーション
    • TOC(Table of contents)の生成
    • テーブルの整形

    ただし、私のWindows上で使用していたところ、Fenced code blockのハイライトを行う際に、少し動作が遅くなる問題が見受けられました(少し前の話なので、今は改善されているかもしれません)。
    InsertEnter, InsertLeave, CursorHold, CursorHoldIなどのグループに属するオートコマンドを使っているためだと思われます(詳細はこちら)。

  • tpope/vim-markdown

    pathogenvim-fugitiveなど、有名なVimプラグインを数多く作っているtpope作のプラグインです。
    特筆すべき機能は追加されていませんが、余計な動作がなく、私もこれをMarkdownの編集に使用しています。

  • gabrielelana/vim-markdown

    vim markdownでGoogle検索を行っても上位に出てこないので、上の2つと比べると知名度が低いかもしれませんが、GitHubスタイルのMarkdownを強く意識しており、便利な機能をたくさん実装しているプラグインです。
    例としては、以下のような機能があります。

    • Focus Mode (Markdownファイルの中身の一部を別バッファで編集する)
    • テーブルの自動整形
    • Jekyllのファイルの自動検知と、Liquidテンプレートのサポートの自動追加
    • GitHubスタイルのチェックボックスの追加、チェック、削除
    • リストアイテムのインデント、アンインデント

私個人の感想としては、ある程度の処理負荷があっても便利な機能を使いたいならばplasticboy/vim-markdown、最低限の機能で快適に使いたいならばtpope/vim-markdown、その中間ならばgabrielelana/vim-markdownという気がします。

プレビュー

次に紹介するのは、Markdownファイルの内容をブラウザにレンダリングするためのプラグインで、数多くの種類があります。

まずは、ブラウザの内容をどのタイミングで更新するのかという観点で個々のプラグインによって違いがあり、次の2つのタイプに別れると思います。

  • バッファの書き込み時
  • 文字の挿入時

また、外部依存の有無の観点からもいくつかのタイプに分けることができます。

  • Node.jsで書かれた外部パッケージを必要とするもの
  • VimのRubyサポートもしくはPythonサポートを必要とするもの
  • 外部依存がないもの

このようなプラグインのうち代表的なものを以下にリスト化しました。

  • vim-instant-markdown

    • npm install -g instant-markdown-dを実行し、外部パッケージをインストールする必要がある。
    • 文字を挿入する度にブラウザの内容が更新される。
  • vim-livedown

    • npm install -g livedownを実行し、外部パッケージをインストールする必要がある。
    • 書き込み時にブラウザの内容を更新する。
  • vim-preview

    • Rubyサポートが有効になっている必要がある
    • Markdown以外のフォーマットも対応している
  • vim-markdown-preview

  • markdown-preview.vim

    • PythonまたはPython3サポートが有効になっている必要がある。
    • 文字を挿入する度にブラウザの内容が更新される。
  • previm

    • 外部依存がない
    • Markdown以外のフォーマットも対応している
      • reStructuredText
      • textile
    • Markdownファイルの中でmermaid記法を使うことができる。

また、私は試したことが無いですが、quickrunを利用したプレビュー方法もあるらしいです

minidown.vim

Markdownファイルのプレビューを行うプラグインは、上で見たとおり外部依存が多いのが特徴ですが、私はNode.jsやPython、Rubyなどが使えない環境でも使用することができるプラグインが欲しかったので、すごく簡単なものを作成することにしました。

特徴としては以下のようなものがあります。

  • pandocを利用しており、PATH上に実行可能ファイルを置くだけで使用できる。
  • 同梱されているCSSを適用することによって、ある程度GitHubのスタイルを再現している。
  • :Minidownコマンドを実行するだけでブラウザ上にレンダリングできる。

リロードを自分で行わなければならないのが少し面倒ですが、自分は頻繁にレンダリングの結果を見たいというわけではないので、これで十分役立っています。

previmは外部依存がないので使いたいのですが、Windowsで実行するにあたって少し問題があるような気がするので、保留という感じです。

その他

最後に紹介するのは、上記の2つに分類されない、便利機能を実装したプラグインです。
下に2つ載せていますが、これ以外にも探せばたくさん見つかるんじゃないかと思います。

  • vim-textobj-markdown

    Fenced code block用のテキストオブジェクトを実装しています。

  • vim-checkbox

    GitHubスタイルのチェックボックスのチェック、アンチェックを簡単に行えるようになります。

    ただし、同様の機能がgabrielelana/vim-markdownにも実装されており、しかも挿入と削除が行えるので、こちらの機能はやや劣っている感じを受けます。

vim-markdown-ex

色々な便利プラグインを調べた後、自分でもMarkdown編集用にプラグインを作成しました。
vim-markdown-exという名前で、Markdown編集に便利なサブ機能を集めたものになっており、tpope/vim-markdownと一緒に使用しています。

機能としては以下のようになっています。

  • GitHubスタイルのチェックボックスの挿入、チェック、削除 (vim-repeatのサポート付き)

    チェックボックスの編集をする機能を提供しているプラグインは、私が知る中では、vim-checkboxgabrielelana/vim-markdownがありますが、前者はチェック、アンチェックのみしか提供しておらず、後者は同じ機能を提供していますが、vim-repeatをデフォルトでサポートしていないということが、このプラグインと異なる点です。

  • 前後のリンクへのジャンプ

    Ctrl+NCtrl+Pで、前後のリンクへジャンプすることができます。
    ちなみにこの機能は、vim-github-dashboardに影響を受けています。

  • リンクをブラウザ上で開くgxの強化

    既存のgxに対して、以下の点が強化されています。

    • URL上に直接カーソルが乗っていなくても、現在行に存在すれば、それを探してブラウザ上で開くことができる。
    • [Header Title](#header-title)のように、特定のヘッダへのリンクに対して使用すると、そのヘッダにジャンプすることができる。
  • Fenced code blockを選択するテキストオブジェクト

    この機能はほぼvim-textobj-markdownと同じものです。
    しかし、vim-textobj-markdownvim-textobj-userに依存しているのに対し、このプラグインは外部のプラグインに依存していません。

  • ヘッダーのサーチをコマンド補完付きで行う (2016/5/21 追記)

  • gxで開いたリンクの履歴から、再度リンクを開くことができる (2016/5/22 追記)

また、vader.vimを用いてテストを行っているので、ある程度の信頼性は担保できていると思います。

まとめ

Markdown編集用のVimプラグインは数多く作成されているので、自分の環境や用途に合わせて選択する必要があります。

良かったら、私が作ったプラグインも試してみてください。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした