文档示例

此页面列举了 dumi 渲染各项 Markdown 样式以及 Demo 的效果。

渲染 Demo

代码块嵌入

TS 转 JS

如果我们的 demo 是采用 TSX 编写的,在展开源代码后,点击一旁的语言切换按钮,可切换显示成 JSX 的代码

多文件依赖

这是 antd Modal 组件的基础示例

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

水平线


强调样式

字体加粗

斜体样式

删除线样式

引用

引用可以被嵌套

只要引用符号比上一级多就能产生嵌套

列表

无序列表

  • 使用 +-* 来创建无序列表
  • 列表可以嵌套,嵌套会产生缩进
    • 我是子列表项

有序列表

  1. dumi 不基于 father
  2. dumi 基于 Umi
  3. dumi 核心是一个 Umi 插件

代码

行内 code

代码块:

// some code here

语法高亮

console.log('Hello World!');

数学公式

Lift(LL) can be determined by Lift Coefficient (CLC_L) like the following equation.

L=12ρv2SCLL = \frac{1}{2} \rho v^2 S C_L

表格

名词解释
fatherLibrary toolkit based on rollup, docz, storybook, jest, prettier and eslint.
UmiPluggable enterprise-level react application framework.

单元格右对齐

名词解释
fatherLibrary toolkit based on rollup, docz, storybook, jest, prettier and eslint.
UmiPluggable enterprise-level react application framework.

超链接

前往 Umi 官网

自动转换超链接 https://umijs.org