kurihada/ai-terminal-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(website): 优化网站内容以反映 core 模块实际功能

Browse Source 
- 首页：更新核心功能展示（9个功能卡片），移除快速开始和 GitHub 链接
- 文档布局：移除 GitHub 链接
- 侧边栏：重组导航结构，分为「已完成功能」和「规划中功能」
This commit is contained in:
kurihada
2025-12-17 15:12:52 +08:00
parent 3849bec7de
commit ddec356117
3 changed files with 44 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/DocsSidebar.astro
+12 -12
View File
@@ -10,28 +10,28 @@ const navigation = [
title: '开始',
items: [
{ title: '概览', href: '/docs' },
{ title: '架构设计', href: '/docs/architecture' },
],
},
{
title: '架构设计',
items: [
{ title: 'GUI Server/Client 架构', href: '/docs/architecture' },
],
},
{
title: '功能设计',
title: '已完成功能',
items: [
{ title: '编辑模式', href: '/docs/features/edit-modes' },
{ title: '增强型仓库地图', href: '/docs/features/repo-map' },
{ title: 'Checkpoint 系统', href: '/docs/features/checkpoint' },
{ title: '多模型支持', href: '/docs/features/multi-model' },
{ title: '会话管理', href: '/docs/features/chat-history' },
{ title: '仓库地图', href: '/docs/features/repo-map' },
{ title: '浏览器 GUI', href: '/docs/features/browser-gui' },
],
},
{
title: '规划中功能',
items: [
{ title: '配置管理', href: '/docs/features/configuration' },
{ title: 'Linting 集成', href: '/docs/features/linting' },
{ title: '测试集成', href: '/docs/features/testing' },
{ title: '对话历史管理', href: '/docs/features/chat-history' },
{ title: 'Watch 模式', href: '/docs/features/watch-mode' },
{ title: '语音输入', href: '/docs/features/voice-input' },
{ title: '浏览器 GUI', href: '/docs/features/browser-gui' },
{ title: '配置管理', href: '/docs/features/configuration' },
{ title: 'Checkpoint 增强', href: '/docs/features/checkpoint' },
],
},
];
packages/website/src/layouts/DocsLayout.astro
-7
View File
@@ -29,13 +29,6 @@ const currentPath = Astro.url.pathname;
<div class="flex items-center gap-6">
<a href="/" class="text-sm text-gray-400 transition hover:text-white">首页</a>
<a href="/docs" class="text-sm text-white">文档</a>
<a
href="https://github.com"
target="_blank"
class="rounded-lg bg-gray-800 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-700"
>
GitHub
</a>
</div>
</div>
</nav>
packages/website/src/pages/index.astro
+32 -87
View File
@@ -5,32 +5,47 @@ const features = [
{
icon: '⚡',
title: '流式对话',
description: '基于 Claude API 的实时流式响应，让 AI 交互更加自然流畅。',
description: '基于 AI SDK 的实时流式响应，支持多种 LLM 提供商（Claude、OpenAI 等）。',
},
{
icon: '🛠️',
title: '丰富工具',
description: '内置文件操作、Bash 执行、代码搜索等开发工具，直接在终端中完成编程任务。',
title: '23+ 内置工具',
description: '完整的工具系统：文件操作、Bash 执行、Git 管理、代码搜索、Web 搜索等。',
},
{
icon: '📝',
title: '智能编辑',
description: '支持多种编辑模式：整体替换、Diff 补丁、搜索替换，灵活应对各种场景。',
description: '三种编辑模式（Whole、Search-Replace、Diff）+ 统一编辑接口，准确修改代码。',
},
{
icon: '💾',
title: 'Checkpoint 系统',
description: 'Shadow Git 架构 + 7点安全检查，支持检查点创建、恢复、撤销恢复。',
},
{
icon: '🔌',
title: 'MCP 集成',
description: '完整的 Model Context Protocol 支持，通过外部工具扩展 AI 能力。',
},
{
icon: '🎯',
title: 'Agent 系统',
description: '可配置的 Agent 预设（General、Plan、CodeReviewer），支持自定义 Agent。',
},
{
icon: '📦',
title: '会话管理',
description: '三层存储架构（Message → Part → Storage），自动保存、消息压缩、上下文管理。',
},
{
icon: '🔍',
title: 'LSP 集成',
description: '集成语言服务器协议，提供代码诊断、定义跳转等智能编程支持。',
description: '语言服务器协议支持，提供代码诊断、多语言识别等智能编程能力。',
},
{
icon: '💾',
title: 'Checkpoint',
description: 'Shadow Git 检查点系统，随时保存和恢复工作状态，操作更安全。',
},
{
icon: '🔌',
title: 'MCP 支持',
description: '支持 Model Context Protocol，轻松扩展 AI 能力边界。',
icon: '⚙️',
title: 'Hooks 系统',
description: '工具执行前后的 Hook 机制，支持自定义扩展和流程控制。',
},
];
---
@@ -44,15 +59,7 @@ const features = [
</a>
<div class="flex items-center gap-6">
<a href="#features" class="text-sm text-gray-400 transition hover:text-white">功能</a>
<a href="#quickstart" class="text-sm text-gray-400 transition hover:text-white">快速开始</a>
<a href="/docs" class="text-sm text-gray-400 transition hover:text-white">文档</a>
<a
href="https://github.com"
target="_blank"
class="rounded-lg bg-gray-800 px-4 py-2 text-sm font-medium text-white transition hover:bg-gray-700"
>
GitHub
</a>
</div>
</div>
</nav>
@@ -71,8 +78,8 @@ const features = [
</span>
</h1>
<p class="mx-auto mb-10 max-w-2xl text-lg text-gray-400">
基于 Claude API 构建的终端 AI 助手。支持文件操作、代码搜索、智能编辑，
让 AI 成为你的编程伙伴。
功能完整的终端 AI 编程助手。内置 23+ 工具、Shadow Git 检查点、MCP 扩展、
多模型支持，让 AI 安全高效地参与编程工作。
</p>
<!-- Terminal Demo -->
@@ -99,17 +106,10 @@ const features = [
<!-- CTA Buttons -->
<div class="flex flex-wrap items-center justify-center gap-4">
<a
href="#quickstart"
href="/docs"
class="rounded-xl bg-primary-500 px-8 py-3 font-medium text-white shadow-lg shadow-primary-500/25 transition hover:bg-primary-600"
>
快速开始
</a>
<a
href="https://github.com"
target="_blank"
class="rounded-xl border border-gray-700 bg-gray-900 px-8 py-3 font-medium text-white transition hover:border-gray-600 hover:bg-gray-800"
>
查看源码
查看文档
</a>
</div>
</div>
@@ -137,61 +137,6 @@ const features = [
</div>
</section>
<!-- Quick Start Section -->
<section id="quickstart" class="px-6 py-24">
<div class="mx-auto max-w-3xl">
<h2 class="mb-4 text-center text-3xl font-bold text-white">快速开始</h2>
<p class="mx-auto mb-12 max-w-xl text-center text-gray-400">只需几步即可开始使用</p>
<div class="space-y-6">
<!-- Step 1 -->
<div class="rounded-xl border border-gray-800 bg-gray-900 p-6">
<div class="mb-3 flex items-center gap-3">
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-primary-500/20 text-sm font-bold text-primary-400">
1
</span>
<h3 class="font-semibold text-white">克隆项目</h3>
</div>
<pre class="overflow-x-auto rounded-lg bg-gray-950 p-4 font-mono text-sm text-gray-300"><code>git clone https://github.com/your-repo/ai-terminal-assistant.git
cd ai-terminal-assistant</code></pre>
</div>
<!-- Step 2 -->
<div class="rounded-xl border border-gray-800 bg-gray-900 p-6">
<div class="mb-3 flex items-center gap-3">
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-primary-500/20 text-sm font-bold text-primary-400">
2
</span>
<h3 class="font-semibold text-white">安装依赖</h3>
</div>
<pre class="overflow-x-auto rounded-lg bg-gray-950 p-4 font-mono text-sm text-gray-300"><code>pnpm install</code></pre>
</div>
<!-- Step 3 -->
<div class="rounded-xl border border-gray-800 bg-gray-900 p-6">
<div class="mb-3 flex items-center gap-3">
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-primary-500/20 text-sm font-bold text-primary-400">
3
</span>
<h3 class="font-semibold text-white">配置 API Key</h3>
</div>
<pre class="overflow-x-auto rounded-lg bg-gray-950 p-4 font-mono text-sm text-gray-300"><code>echo "ANTHROPIC_API_KEY=your-api-key" > .env</code></pre>
</div>
<!-- Step 4 -->
<div class="rounded-xl border border-gray-800 bg-gray-900 p-6">
<div class="mb-3 flex items-center gap-3">
<span class="flex h-8 w-8 items-center justify-center rounded-full bg-primary-500/20 text-sm font-bold text-primary-400">
4
</span>
<h3 class="font-semibold text-white">启动服务</h3>
</div>
<pre class="overflow-x-auto rounded-lg bg-gray-950 p-4 font-mono text-sm text-gray-300"><code>pnpm server:dev</code></pre>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="border-t border-gray-800 px-6 py-12">
<div class="mx-auto max-w-6xl text-center">