【文件属性】：
文件名称：next-mdx-deck:使用MDX，React和Next.JS的演示平台
文件大小：2.6MB
文件格式：ZIP
更新时间：2021-05-02 13:45:49
JavaScript
下一个MDX甲板
使用MDX，React和创建演示平台。
特征
:film_projector: 基于React的幻灯片
:writing_hand: 使用Markdown，React组件甚至HTML编写！
:artist_palette: 可使用CSS var或样式化组件作为主题
:backhand_index_pointing_right: 滑动即可更改幻灯片
:recycling_symbol: 在浏览器标签之间同步幻灯片
:man::laptop: 简报模式
:memo: 演讲者备注
入门
克隆项目： git clone https://github.com/whoisryosuke/next-mdx-deck
安装依赖项： npm i或yarn
运行开发服务器： npm run dev或yarn dev
编辑/slides/1.mdx的第一张幻灯片并保存以！
完成后，运行npm run build && npm run export或yarn build && yarn export将创建一个静态应用程序，您可以将其部署在任何地方（或在本地使用）。 请参
【文件预览】：
next-mdx-deck-master
----.babelrc(140B)
----hooks()
--------useEventListener.js(1KB)
--------useStorage.js(2KB)
----site.config.js(198B)
----next.config.js(194B)
----package.json(982B)
----constants()
--------modes.js(95B)
----layouts()
--------SlidePage.jsx(8KB)
--------AboutPage.jsx(142B)
--------TransitionPage.jsx(314B)
----.prettierrc(86B)
----.prettierignore(18B)
----screenshots()
--------next-mdx-deck-presentation.png(729KB)
--------next-mdx-deck-example.gif(1.74MB)
--------next-mdx-deck-main.png(654KB)
----CONTRIBUTING.md(4KB)
----.eslintrc.js(462B)
----pages()
--------index.jsx(222B)
--------_app.jsx(770B)
--------_document.js(729B)
--------slides()
----LICENSE.md(1KB)
----.gitignore(362B)
----components()
--------MDXProvider.jsx(838B)
--------SpeakerNotes.jsx(100B)
--------ThemeProvider.jsx(318B)
--------Header.jsx(366B)
--------Slide.jsx(278B)
--------Cover.jsx(195B)
--------PresentationMode.jsx(1KB)
----context()
--------TotalPagesContext.js(155B)
--------CurrentSlideContext.jsx(657B)
--------ModeContext.jsx(630B)
----public()
--------zeit.svg(794B)
--------favicon.ico(15KB)
----README.md(7KB)
----yarn.lock(273KB)
----slides()
--------1.mdx(915B)
--------2.mdx(1KB)