Notepad++でMarkdownを利用するには

  • 16
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

PreviewHTMLを強化し、Pandocをインストールする

手順さえ分かれば、MarkdDown記法とプレビューもNotepad++には
簡単に導入することができます。

PreviewHTMLを強化する

プラグインマネージャでインストールできるPreviewHTMLは古いので、公式サイトからダウンロードして使用します。

Preview HTML公式サイト

次に、Notepad++でMarkdown記法のシンタックスハイライト表示ができるよう、
下記サイトから必要なファイルをダウンロードします。

Top 10 Notepad++ Plugins For Writers And Coders
「1. Install Markdown」の「Step 1: Download this language file.」をクリックすると
ダウンロードが始まります。導入の方法と、Markdownの表示切り替えは上記サイトの説明をご参照下さい。

MarkDown記法をHTMLに変換するPandocをインストールする

インストール方法

Chocolateyを使っているならコンソールで以下のコマンドをたたけばOKです。


choco install pandoc

次にHTMLのテンプレートを生成する。


pandoc -D html5 > template.html

テンプレートの置き場所はバージョンチェックで分かります。


pandoc --version

「Default user data directory:」で書かれているディレクトリが無ければ生成し、
/pandoc ディレクトリ以下に「templates」フォルダを作って、その中にtemplate.htmlを設置します。

基本的には、生成されたテンプレート内にCSSを直接記述することで、
下記の画像のように独自のデザインを適用することができます。

markdown.png