---
hero:
  title: Umi
  description: 企业级前端开发框架
  actions:
    - text: 快速上手
      link: /hello
    - text: GitHub
      link: /hello
features:
  - title: 非常快
    emoji: 🚀
    description: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
  - title: 非常快
    emoji: 🚀
    description: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
  - title: 非常快
    emoji: 🚀
    description: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
  - title: 非常快
    emoji: 🚀
    description: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
  - title: 非常快
    emoji: 🚀
    description: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
---

## hello

代码块 demo

```jsx
import React from 'react';

export default () => <>Hello first code block demo!</>;
```

## world

外部 demo

<code src="./demo.tsx"></code>

嵌入文档

<embed src="./hello/index.md"></embed>

---

inline demo

```jsx | inline
export default () => <button>inline</button>;
```

---

## img

引入图片的相对路径
<img src="../logo.png" />
