pluginMdx

pluginSsg にMDX・Markdownのファイルを対応させるプラグイン。

Table of Contents

• How To Use
• Options
• Frontmatter
• Component

How To Use

import { pluginMdx } from "minista"

export default {
  plugins: [pluginMdx()],
}

# heading

## heading2

paragraph

Options

pluginMdx({
  remarkPlugins: [],
  rehypePlugins: [],
})

オプションは@mdx-js/rollupのOptionsと同一です。

remarkPluginsにremark-frontmatterまたはremark-mdx-frontmatterを用いると、デフォルトの設定を上書きできます。

Frontmatter

フロントマターは props としてLayoutやPageで使用可能です。draft を true にしたページは本番ビルドから除外されます。

---
title: Index
draft: false // true = Don't build the page
---

# {props.title}

Component

MDX・Markdownのファイルはレイアウトテンプレートやページテンプレート内でコンポーネントとして使用できます。

import Content from "./index.mdx"

export default function () {
  return <Content />
}