文件名称：next-mdx-deck:使用MDX，React和Next.JS的演示平台
文件大小：2.6MB
文件格式：ZIP
更新时间：2024-05-22 07:32:29
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)