mdx-example:将MDX与Next.js结合使用的示例

时间:2021-05-13 03:00:00
【文件属性】:
文件名称:mdx-example:将MDX与Next.js结合使用的示例
文件大小:66KB
文件格式:ZIP
更新时间:2021-05-13 03:00:00
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)

网友评论