<div class="doc-layout has-aside" data-hk="25"><div class="sidebar-backdrop " data-hk="26"></div><aside class="sidebar " data-hk="27"><nav><section class="mt-4 border-t b-border-default first:mt-4 " data-hk="28"><div class="flex items-center justify-between"><h2 class="mb-2 mt-3 text-16px font-bold"><span>Guide</span></h2></div><div class="mb-1"><div class="ml-5" data-hk="29"><div class="p-1 font-medium text-brand "><a href="/guide/getting-started" target="" class="at-link cursor-pointer " data-hk="30">Quick Start</a></div></div><div class="ml-5" data-hk="31"><div class="p-1 font-medium text-gray-500 "><a href="/guide/configure-site" target="" class="at-link cursor-pointer " data-hk="32">Configure your site</a></div></div><div class="ml-5" data-hk="33"><div class="p-1 font-medium text-gray-500 "><a href="/guide/sidebar" target="" class="at-link cursor-pointer " data-hk="34">Sidebar</a></div></div><div class="ml-5" data-hk="35"><div class="p-1 font-medium text-gray-500 "><a href="/guide/conventional-route" target="" class="at-link cursor-pointer " data-hk="36">Conventional Route</a></div></div><div class="ml-5" data-hk="37"><div class="p-1 font-medium text-gray-500 "><a href="/guide/use-mdx" target="" class="at-link cursor-pointer " data-hk="38">Using MDX</a></div></div><div class="ml-5" data-hk="39"><div class="p-1 font-medium text-gray-500 "><a href="/guide/static-assets" target="" class="at-link cursor-pointer " data-hk="40">Assets handle</a></div></div><div class="ml-5" data-hk="41"><div class="p-1 font-medium text-gray-500 "><a href="/guide/multi-instance" target="" class="at-link cursor-pointer " data-hk="42">Multi-Instance Sites</a></div></div><div class="ml-5" data-hk="43"><div class="p-1 font-medium text-gray-500 "><a href="/guide/plugin-system" target="" class="at-link cursor-pointer " data-hk="44">Athen Plugin System</a></div></div><div class="ml-5" data-hk="45"><div class="p-1 font-medium text-gray-500 "><a href="/guide/custom-styling" target="" class="at-link cursor-pointer " data-hk="46">Custom Styling & UnoCSS</a></div></div><div class="ml-5" data-hk="47"><div class="p-1 font-medium text-gray-500 "><a href="/guide/home-page" target="" class="at-link cursor-pointer " data-hk="48">Home Page</a></div></div><div class="ml-5" data-hk="49"><div class="p-1 font-medium text-gray-500 "><a href="/guide/api-page" target="" class="at-link cursor-pointer " data-hk="50">API Page</a></div></div><div class="ml-5" data-hk="51"><div class="p-1 font-medium text-gray-500 "><a href="/guide/doc-page" target="" class="at-link cursor-pointer " data-hk="52">Doc Page</a></div></div><div class="ml-5" data-hk="53"><div class="p-1 font-medium text-gray-500 "><a href="/guide/i18n" target="" class="at-link cursor-pointer " data-hk="54">I18n</a></div></div><div class="ml-5" data-hk="55"><div class="p-1 font-medium text-gray-500 "><a href="/guide/head-and-seo" target="" class="at-link cursor-pointer " data-hk="56">Head & SEO</a></div></div><div class="ml-5" data-hk="57"><div class="p-1 font-medium text-gray-500 "><a href="/guide/search" target="" class="at-link cursor-pointer " data-hk="58">Search</a></div></div><div class="ml-5" data-hk="59"><div class="p-1 font-medium text-gray-500 "><a href="/guide/analytics" target="" class="at-link cursor-pointer " data-hk="60">Analytics</a></div></div><div class="ml-5" data-hk="61"><div class="p-1 font-medium text-gray-500 "><a href="/guide/theme-package" target="" class="at-link cursor-pointer " data-hk="62">Theme Package System</a></div></div></div></section><!--27-0--><!--27-1--></nav></aside><div class="content" data-hk-idx="25-0"><div class="at-doc">[object Object]</div><footer class="pager mt-8" data-hk="63"><div class="flex flex items-center justify-between p-b-5"><a href="https://github.com/estjs/athen/tree/master/docs/guide/getting-started.md" class="flex items-center text-sm text-brand font-medium leading-8 transition-colors duration-300 hover:text-brand-dark" data-hk="64">Edit this page</a><div class="flex text-2 text-sm font-medium leading-6 sm:leading-8" style="white-space:pre-wrap" data-hk-idx="63-0"><p>Last Updated: </p><span>2026年5月15日 14:43</span></div></div><div class="flex gap-2 border-t b-border-default pt-6"><div class="prev w-1/2 flex flex-col"></div><div class="next w-1/2 flex flex-col"><a href="/guide/configure-site" target="" class="at-link cursor-pointer ml-auto block h-full w-full border b-border-default rounded-lg border-solid p-2 text-right transition-colors hover:border-brand" data-hk="65"><span class="block text-sm text-gray-500 font-medium" data-hk="66">Next page</span><span class="block text-base text-brand font-medium transition-colors hover:text-brand-dark" data-hk="67">Configure your site</span></a></div></div></footer></div><div class="aside flex flex-1 flex-col" data-hk="68"><div class="lg:block"><div class="divider-left relative pl-4 text-[13px] font-medium" id="aside-container"><div class="absolute top-[33px] w-2px bg-brand opacity-0" style="height:18px;left:-2px;border-radius:2px;background-color:var(--at-c-accent);transition:top 0.35s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s ease, opacity 0.3s ease" id="aside-marker"></div><div class="mt-2 block text-[16px] font-semibold leading-7">ON THIS PAGE</div><nav><ul class="relative"><li key="why-choose-athen" data-hk="69"><a href="#why-choose-athen" style="padding-left:0px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">Why Choose Athen?</a></li><li key="1-initialize-project" data-hk="70"><a href="#1-initialize-project" style="padding-left:0px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">1. Initialize Project</a></li><li key="using-the-create-athen-scaffold" data-hk="71"><a href="#using-the-create-athen-scaffold" style="padding-left:12px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">Using the create-athen Scaffold</a></li><li key="manual-installation" data-hk="72"><a href="#manual-installation" style="padding-left:12px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">Manual Installation</a></li><li key="2-start-dev-server" data-hk="73"><a href="#2-start-dev-server" style="padding-left:0px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">2. Start Dev Server</a></li><li key="3-build-for-production" data-hk="74"><a href="#3-build-for-production" style="padding-left:0px" class="toc-item avoid-text-overflow block text-14px text-text-2 leading-7 transition-color duration-300 hover:text-text-1">3. Build for Production</a></li></ul></nav></div></div></div></div>