11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

pugでmarkdownをincludeする

Posted at

pugでmarkdownをincludeする

色々あってpugという便利そうなものに出会ったがpugに関する情報は少なく、pugの以前の名前のjadeの情報ばかり。。。
しかも、jadeからいくつか仕様変更されていて困っていた。一応、なんとなく解決方法がわかったのでメモ。

pugで.mdファイルをhtml形式に変換してincludeしたい

moduleがいくつかあるみたいなのだが、Google検索で引っかかったものの多くは使えなかった。
自分が試してうまくいったものを書いておく。
環境はwindows10のPowershellで適当にインストールしたnode.jsとpug(pugやらnodeやらのインストールに関してはここ(【Pug】ゴリラでもわかるJade改めPug入門)参照)

まずmarkdownを翻訳するためのmoduleをインストールします。

npm install --save jstransformer-markdown-it

でmoduleをインストール。
そのあとindex.pugファイルには

include:markdown-it hoge.md

と書いて、ターミナル上で

pug index.pug --pretty

でhoge.mdがエラーになることなくinclude出来た。
多分pugで使うfilterの類はほとんどjstransformerに入ってる。

あとがき

Qiitaもpugも初めてなので多少は大目に見てください。何かあれば適当に追記していきます。

11
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?