@农地/天文主题
Astro-native UI 层和主题预设软件包
@farming-labs/docs。 。 。 .
它使文件 shell, 页面内容, 搜索对话框, AI聊天, 以及主题控制 。 内容
装入和路由处理人员居住 @farming-labs/astro。 。 。 .
安装
npm install @farming-labs/docs @farming-labs/astro @farming-labs/astro-theme @farming-labs/theme
CLI可以脚手架 完整的Astro集成:
npx @farming-labs/docs@latest init
配置主题
// src/lib/docs.config.ts
import { defineDocs } from "@farming-labs/docs";
import { fumadocs } from "@farming-labs/astro-theme";
export default defineDocs({
entry: "docs",
contentDir: "docs",
theme: fumadocs(),
nav: { title: "Docs", url: "/docs" },
});
打开文件UI
Astro 组件从组件子路径导出:
---
import DocsLayout from "@farming-labs/astro-theme/src/components/DocsLayout.astro";
import DocsContent from "@farming-labs/astro-theme/src/components/DocsContent.astro";
import SearchDialog from "@farming-labs/astro-theme/src/components/SearchDialog.astro";
import "@farming-labs/theme/default/css";
import config from "../../lib/docs.config";
import { load } from "../../lib/docs.server";
const data = await load(Astro.url.pathname);
---
<DocsLayout tree={data.tree} config={config}>
<DocsContent data={data} config={config} />
</DocsLayout>
<SearchDialog config={config} />
服务器侧 load() 函数来自 @farming-labs/astro/server。 。 。 .
主题和组件
货船 DocsLayout, (中文(简体) ), DocsContent, (中文(简体) ), DocsPage, (中文(简体) ), SearchDialog, (中文(简体) ), FloatingAIChat,以及
ThemeToggle Astro组件.
预设子路径为 fumadocs, (中文(简体) ), pixel-border, (中文(简体) ), darksharp, (中文(简体) ), colorful, (中文(简体) ), greentree, (中文(简体) ), hardline, (中文(简体) ),
concrete, (中文(简体) ), command-grid,以及 ledger编辑 fumadocs 预设用途
@farming-labs/theme/default/css; 其他预设使用匹配
@farming-labs/theme/<preset>/css 进入点.
学多点
许可证
麻省理工学院