Hello World

這是第一篇 MDX 技術文章。

為什麼選擇 MDX？

MDX 讓你在 Markdown 中直接使用 React 元件，非常適合技術文章。

ℹ

這是一個 Info 提示框，可以在 MDX 中使用自訂元件。

程式碼範例

import { compileMDX } from 'next-mdx-remote/rsc'

const { content } = await compileMDX({
  source: mdxContent,
  options: { parseFrontmatter: true },
})

✓

成功！MDX 已正確設定並可正常渲染。

結語

這個網站的技術文章同時支援 DB 儲存（適合短文）與 MDX 檔案（適合長篇技術文章）。