# Home 主页

你可以通过 frontmatter 来定义 Home 页面的内容，详细类型可见[FrontMatter 配置](/api/config-frontmatter.html#hero)。下面是一个简单的例子：

```yaml
---
pageType: home

hero:
  name: Modern.js Doc
  text: 文档工程解决方案
  tagline: 现代化文档开发技术栈
  actions:
    - theme: brand
      text: 介绍
      link: /zh/guide/introduction
    - theme: alt
      text: 快速开始
      link: /zh/guide/getting-started

features:
  - title: 'MDX: 使用灵活语法编写内容'
    details: MDX 是一种强大的内容编写方式，你可以在 Markdown 中使用 React 组件。
    icon: 📦
  - title: '功能丰富: 一站式解决方案'
    details: 对全文搜索、国际化等常见功能可以做到开箱即用。
    icon: 🎨
  - title: '扩展性强: 提供多种自定义能力'
    details: 通过其扩展机制，你可以轻松的扩展主题 UI 和构建能力。
    icon: 🚀
---
```
