【文件属性】:
文件名称:mdx-deck::spade_suit:基于React MDX的演示平台
文件大小:1.57MB
文件格式:ZIP
更新时间:2021-02-03 13:12:35
react markdown deck keynote reactjs
MDX甲板
屡获殊荣的基于React 的演示平台
:memo: 用降价撰写演示文稿
:atom_symbol: 导入和使用
:nail_polish: 可定制的和组件
:keycap_0: 零配置CLI
:female_sign::female_sign:
:notebook:
入门
npm i -D mdx-deck
创建一个文件,并用---分隔每张幻灯片。
# Hello
---
## This is my deck
---
## The End
使用MDX Deck CLI指向.mdx文件将运行脚本添加到package.json ,以启动开发服务器:
" scripts " : {
" start " : " mdx-deck deck.mdx "
}
启动开发服务器:
npm start
使用左右箭头键浏览演示文稿。
使用MDX
MDX使用Markdown语法,并且可以使用JSX内联呈现React组件。
进口货
要导入组件,请使用ES导入语法,在任何markdown或JSX语法之间用空行分隔。
import { Box } from 'the