文件名称：mdx-example:将MDX与Next.js结合使用的示例
文件大小：66KB
文件格式：ZIP
更新时间：2024-06-01 20:46:40
react markdown jsx nextjs zeit
Next.js中的MDX示例 中一个非常简单的实现，带有一些很酷的功能来展示MDX的功能。 现场演示 发展 步骤1：安装依赖项 npm install或yarn （由于锁定文件，最好是npm） 第2步： 运行开发服务器 运行npm run dev以在localhost:3000上启动本地开发服务器，以便您可以使用很棒的Next.js开发功能进行开发 使用此存储库导出静态站点 Next.js支持惊人的静态导出。 为此，只需运行npm run export 。 然后，您将拥有一个新目录out 。 在此目录内是从此存储库构建的静态站点！ 步骤3：部署 现在，您想通过Next.js和MDX向所有人展示您的全新网站。 如果您还没有Now，请去安装此步骤（有免费的测试计划！）： : 有了Now之后，请按照以下步骤操作： 最好在第二步中使用静态导出 now out/ 就是这样！ 现在将像这样
【文件预览】：
mdx-example-master
----pages()
--------post()
--------index.js(1KB)
----content()
--------posts.json(306B)
----next.config.js(230B)
----lib()
--------components.js(170B)
----components()
--------text.js(3KB)
--------map.js(747B)
--------header.js(494B)
--------layout.js(743B)
--------post.js(1KB)
----.gitignore(46B)
----readme.md(1KB)
----package-lock.json(246KB)
----package.json(664B)