作品集

AI 知识库助手

一个面向个人学习、项目整理和文档问答的本地 AI 知识库聊天助手

核心功能

首页 Dashboard

项目总览、快捷入口、统计卡片、最近活动

Next.js App RouterZustand

普通 AI 聊天

Markdown 渲染、代码高亮、复制、重新生成、删除

react-markdownreact-syntax-highlighter

DeepSeek API 接入

Provider 架构、服务端 API Route 调用、API Key 保护

DeepSeek APIAPI Route

流式输出

NDJSON 流式协议、逐步显示、停止生成

ReadableStreamNDJSON

Token 统计与成本预估

请求记录、每日统计、成本预估、使用限制

Zustand PersistToken Estimation

文档上传与解析

txt/md/docx/pdf 文本提取、chunk 切片、预览

mammothpdf-parse

本地关键词检索

关键词匹配、同义词扩展、技术词加权、二次排序

Keyword MatchingQuery Expansion

准 RAG 问答

引用来源、可信度判断、回答策略控制

Citation SystemConfidence Scoring

多轮追问

QA 会话管理、四种追问模式、时间线

Session ManagementFollow-up Modes

学习中心

学习卡片、复习题、学习计划、掌握程度

Flashcard SystemQuiz Generation

技术栈

Next.js 16

App Router、API Route、Server Components

React 19

Hooks、Suspense、Server Components

TypeScript

类型安全、接口定义

Tailwind CSS v4

原子化 CSS、响应式设计

Zustand

轻量级状态管理、Persist 中间件

DeepSeek API

大模型 API、流式输出

mammoth

DOCX 文本提取

pdf-parse

PDF 文本提取

LocalStorage

浏览器本地持久化

PWA

Manifest、Service Worker

截图建议清单

后期可手动截图放进作品集

首页 Dashboard

普通聊天

知识库问答

文档上传

文档详情

学习中心

AI 使用统计

项目成果中心

当前阶段说明

• 当前仍是本地 Demo，未部署服务器

• 知识库检索基于本地关键词匹配，不是向量检索

• 未接入 AnythingLLM 或其他正式 RAG 系统

• 未接入 Cloudflare R2 或其他云存储

• 未接入真实数据库，数据存储在浏览器 localStorage

• PDF 解析不支持扫描版 OCR

• Token 估算为近似值，成本为本地预估

• 大量文档时 localStorage 有容量限制

后期路线

• 接入 AnythingLLM 实现正式 RAG

• 接入 Cloudflare R2 实现文件云存储

• 部署到 2c4G 个人服务器

• 配置 Nginx 反向代理和域名

• 完善 PWA 离线支持

• 优化中文分词和检索质量

AI 知识库助手

一个面向个人学习、项目整理和文档问答的本地 AI 知识库聊天助手

核心功能

首页 Dashboard

项目总览、快捷入口、统计卡片、最近活动

Next.js App RouterZustand

普通 AI 聊天

Markdown 渲染、代码高亮、复制、重新生成、删除

react-markdownreact-syntax-highlighter

DeepSeek API 接入

Provider 架构、服务端 API Route 调用、API Key 保护

DeepSeek APIAPI Route

流式输出

NDJSON 流式协议、逐步显示、停止生成

ReadableStreamNDJSON

Token 统计与成本预估

请求记录、每日统计、成本预估、使用限制

Zustand PersistToken Estimation

文档上传与解析

txt/md/docx/pdf 文本提取、chunk 切片、预览

mammothpdf-parse

本地关键词检索

关键词匹配、同义词扩展、技术词加权、二次排序

Keyword MatchingQuery Expansion

准 RAG 问答

引用来源、可信度判断、回答策略控制

Citation SystemConfidence Scoring

多轮追问

QA 会话管理、四种追问模式、时间线

Session ManagementFollow-up Modes

学习中心

学习卡片、复习题、学习计划、掌握程度

Flashcard SystemQuiz Generation

技术栈

Next.js 16

App Router、API Route、Server Components

React 19

Hooks、Suspense、Server Components

TypeScript

类型安全、接口定义

Tailwind CSS v4

原子化 CSS、响应式设计

Zustand

轻量级状态管理、Persist 中间件

DeepSeek API

大模型 API、流式输出

mammoth

DOCX 文本提取

pdf-parse

PDF 文本提取

LocalStorage

浏览器本地持久化

PWA

Manifest、Service Worker

截图建议清单

后期可手动截图放进作品集

首页 Dashboard

普通聊天

知识库问答

文档上传

文档详情

学习中心

AI 使用统计

项目成果中心

当前阶段说明

• 当前仍是本地 Demo，未部署服务器

• 知识库检索基于本地关键词匹配，不是向量检索

• 未接入 AnythingLLM 或其他正式 RAG 系统

• 未接入 Cloudflare R2 或其他云存储

• 未接入真实数据库，数据存储在浏览器 localStorage

• PDF 解析不支持扫描版 OCR

• Token 估算为近似值，成本为本地预估

• 大量文档时 localStorage 有容量限制

后期路线

• 接入 AnythingLLM 实现正式 RAG

• 接入 Cloudflare R2 实现文件云存储

• 部署到 2c4G 个人服务器

• 配置 Nginx 反向代理和域名

• 完善 PWA 离线支持

• 优化中文分词和检索质量