├── config
│   └── settings_schema.json
├── layout
│   └── theme.liquid
├── snippets
│   ├── _footer.liquid
│   ├── _header.liquid
│   └── _tree.liquid
├── statics
│   └── about.liquid
├── tailwind.config.js
├── templates
│   ├── index.help_center.liquid
│   ├── index.list.liquid
│   ├── nav_tree.liquid
│   ├── page.export.liquid
│   ├── page.liquid
│   ├── search.liquid
│   └── tag.liquid

src/
  content/
    docs/
      guides/
        guide.md
        index.md
  pages/
    custom.astro
    archived.html
astro.config.mjs

{% assign pages = page.children_in_list %}

<main class="flex min-h-screen mx-auto {{ screen_width }}">
  <div class="flex w-full" x-data="{ show_navtree: true }">
    。。。
  </div>
</main>

{% schema %}
  {
    "name": "Page",
    "description": "The content page template",
    "sub_page_templates": ["page"],
    "settings": [
      {
        "id": "title",
        "type": "text",
        "readonly": true,
        "label": "标题",
        "info": "知识库同步，不可编辑"
      },
      {
        "id": "description",
        "type": "textarea",
        "label": "t:settings_schema.page.settings.description.label"
      }
    ]
  }
{% endschema %}

---
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
import CustomComponent from './CustomComponent.astro';
---

---
title: 我的文档
description: 通过 Starlight 构建的文档网站，了解有关我的项目的更多信息。
---

欢迎来到我的项目！

<StarlightPage frontmatter={{ title: '我的自定义页面' }}>
  <p>这是一个有自定义组件的自定义页面：</p>
  <CustomComponent />
</StarlightPage>