astro に zenn-markdown-htmlを入れる

以下の記事を読んでて、自分のastro製のブログにも zenn-markdown-htmlを導入してみたスクラップメモです。

記事では astro 2 / 3系だったけど、astro 4系でも普通に動作した。

雛形を作成

npm create astro@latest プロジェクト名
cd プロジェクト名/
npm install

npx astro add tailwind

zenn-markdown-htmlに必要なライブラリをインストール

npm i zenn-markdown-html
npm i zenn-content-css
npm i zenn-embed-elements

1系のときに作ったものだから、content-collectionsをきちんと読んでなかったのでメモ

The language "html:mtml" doesn't exist, falling back to plaintext.

codeにファイル名をあてるとこのエラーがでる。解決方法は言語のみサポートされてるからなのか zennの記法だとだめみたい。