有没有办法在Astro中添加具有文档风格内容渲染的页面

Question

我对 UI 和 Astro 项目完全陌生。我正在使用astrowind（astro框架）主题来修改网站。

我希望开发一个网站，其中包含有关网站/产品的内容页面，并且还希望在单个页面上包含文档，并在用户单击侧边栏时呈现内容。

我知道有一个单独的框架仅用于渲染文档（docs.astro.com）。但是有没有办法将其集成在一起并将其部署为单个站点？

如下所示，左侧导航栏上有可点击的链接，可链接到右侧的新显示内容。可能有人以前曾研究过类似的组件。

PS：我没有开发组件的技巧，但是如果有参考可以尝试一下。

Answer 1

因此，我能够使用网站中提供的文档将 starlight 与 astrowind 集成。

来自 astro.config.ts 的内容

integrations: [
tailwind({
  applyBaseStyles: false,
}),
sitemap(),
starlight({
  title: 'Docs',
  tableOfContents: false,
  sidebar: [
    // A single link item labelled “Home”.
    { label: 'Home', link: '/guides' },
    { label: 'Home', link: '/guides/about' },
  ],
}),
mdx(),

在 config.ts 中添加如下

export const collections = {
  post: postCollection,
  docs: defineCollection({ schema: docsSchema() }),
};

然后是src/content目录结构，

├── content
│   ├── config.ts
│   ├── docs
│   │   └── guides
│   │       ├── about.mdx
│   │       └── index.mdx
│   └── post
│       ├── astrowind-template-in-depth.mdx