<div data-hk="25"><div class="mx-auto px-10 pb-16 pt-20" data-hk="26"><div class="mx-auto max-w-screen-xl flex justify-between"><div class="max-w-xl flex flex-1 flex-col text-left"><h1 class="max-w-3xl text-6xl font-bold"><span class="bg-[--at-home-hero-name-background] bg-clip-text text-transparent">athen</span></h1><p class="max-w-3xl text-6xl font-bold">基于 Vite &amp; Essor 的文档框架</p><p class="max-w-3xl whitespace-pre-wrap pt-3 text-2xl text-gray-500 font-medium"></p><div class="flex flex-wrap justify-start pt-8">&lt;div key=&quot;/zh/guide/getting-started&quot; class=&quot;p-1&quot; data-hk=&quot;27&quot;&gt;&lt;a href=&quot;/zh/guide/getting-started&quot; target=&quot;&quot; class=&quot;at-link cursor-pointer at-button medium brand&quot; data-hk=&quot;28&quot;&gt;&lt;span data-hk=&quot;29&quot;&gt;快速开始&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div key=&quot;https://github.com/estjs/athen&quot; class=&quot;p-1&quot; data-hk=&quot;30&quot;&gt;&lt;a href=&quot;https://github.com/estjs/athen&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;at-link cursor-pointer at-button medium brand&quot; data-hk=&quot;31&quot;&gt;&lt;span data-hk=&quot;32&quot;&gt;GitHub 地址&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;</div></div><div class="mx-auto h-270px flex justify-center" data-hk="33"><img src="/logo.svg" alt="athen" class="w-full" /></div></div></div><!--25-0--><div class="grid grid-cols-3 mx-auto max-w-screen-xl gap-10px" data-hk="34">&lt;div key=&quot;Vite: 极速的开发响应速度&quot; class=&quot;rounded-md p-3&quot; data-hk=&quot;35&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot;&gt;🚀&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot;&gt;Vite: 极速的开发响应速度&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot;&gt;基于 Vite 构建，开发时的响应速度极快，即时的热更新，带给你极致的开发体验。&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;&lt;div key=&quot;MDX: Markdown &amp;amp; Essor 组件来写内容&quot; class=&quot;rounded-md p-3&quot; data-hk=&quot;36&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot;&gt;📦&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot;&gt;MDX: Markdown &amp;amp; Essor 组件来写内容&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot;&gt;MDX 是一种强大的方式来写内容。你可以在 Markdown 中使用 Essor 组件。&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;&lt;div key=&quot;功能丰富: 一站式解决方案&quot; class=&quot;rounded-md p-3&quot; data-hk=&quot;37&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot;&gt;🛠️&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot;&gt;功能丰富: 一站式解决方案&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot;&gt;对全文搜索、国际化等常见功能可以做到开箱即用。&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;</div><!--25-1--><!--25-2--><!--25-3--><footer class="b-1 b-border-default b-t-solid text-center text-14px text-text-2 font-500" data-hk="38"><p>Released under the MIT License.</p><p>Copyright © 2023-present estjs</p></footer><!--25-4--></div>