> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 简介

> 邂逅新一代文档：AI 原生、开箱即用且精美，为开发者而生。

export const HeroCard = ({filename, title, description, href}) => {
  return <a className="group cursor-pointer pb-8" href={href}>
      <img src={`https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/hero/${filename}.png`} className="block dark:hidden pointer-events-none group-hover:scale-105 transition-all duration-100" />
      <img src={`https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/hero/${filename}-dark.png`} className="pointer-events-none group-hover:scale-105 transition-all duration-100 hidden dark:block" />
      <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
        {title}
      </h3>
      <span className="mt-1.5">{description}</span>
    </a>;
};

<div className="relative">
  <div className="absolute top-0 lg:-top-16 left-0 right-0">
    <img src="https://mintcdn.com/omer-914cc1c6/1pfjDJXEL6HIHDKE/images/hero/background-light.png?fit=max&auto=format&n=1pfjDJXEL6HIHDKE&q=85&s=b2312c6f3571647ed0a56e49b0d0fa7d" className="block dark:hidden pointer-events-none" width="2304" height="776" data-path="images/hero/background-light.png" />

    <img src="https://mintcdn.com/omer-914cc1c6/1pfjDJXEL6HIHDKE/images/hero/background-dark.png?fit=max&auto=format&n=1pfjDJXEL6HIHDKE&q=85&s=0a6cd8eabc86aed041da2a74dfc04ed5" className="hidden dark:block pointer-events-none" width="2304" height="776" data-path="images/hero/background-dark.png" />
  </div>

  <div className="px-4 py-16 lg:py-48 lg:pb-24 max-w-3xl mx-auto">
    <h1 className="block text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight">
      文档
    </h1>

    <div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
      迎接新一代文档体验。AI 原生、开箱即用且颜值在线，为开发者而生。
    </div>

    <div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4">
      <HeroCard filename="rocket" title="快速开始" description="按分步指南，数分钟内部署你的首个文档站点" href="/zh/quickstart" />

      <HeroCard filename="cli" title="CLI 安装" description="安装命令行界面（CLI），在本地预览和开发文档" href="/zh/installation" />

      <HeroCard filename="editor" title="网页版编辑器" description="使用基于浏览器的编辑器快速更新并管理内容" href="/zh/editor" />

      <HeroCard filename="components" title="组件" description="使用即用型组件构建丰富、可交互的文档" href="/zh/text" />
    </div>
  </div>
</div>