行为
Feature #215
打开[AI] 文档页开发
状态:
Resolved
优先级:
Normal
指派给:
-
开始日期:
2026-02-26
计划完成日期:
% 完成:
0%
预期时间:
描述
开发技术文档页面,支持 Markdown 内容渲染。包含以下内容:1) 左侧文档目录导航栏(固定定位),展示文档分类和文档列表,支持折叠/展开子目录,当前选中项高亮显示,移动端目录改为顶部下拉抽屉;2) 右侧文档内容区域,渲染 Markdown 格式的文档内容,支持代码语法高亮(使用 highlight.js 或 prism),支持标题锚点定位和目录内跳转;3) 文档搜索功能,支持按标题关键字过滤文档列表。后端需提供以下 API:GET /api/docs(获取文档目录结构)、GET /api/docs/:slug(获取单篇文档内容)。数据库需建立 doc_categories 表(id, name, sort_order)和 docs 表(id, category_id, title, slug, content, sort_order, created_at, updated_at)。Markdown 渲染使用 react-markdown 配合 remark-gfm 插件。UI 设计要求:左侧导航栏宽度 260px,背景色深色模式 #1e293b / 浅色模式 #f8fafc,文档内容区最大宽度 800px 居中显示,代码块使用等宽字体并有明显背景色区分,行内代码使用浅色背景和圆角标签样式。提供初始种子数据包含至少 3 篇示例文档(快速开始、安装指南、API 参考)。
行为