一份教程 + 思路演示(兼具 Demo),展示如何为 VitePress 文档站点赋予 AI 语义搜索能力
本项目是一份教程文档与思路演示(兼具可运行的 Demo),围绕「如何为 VitePress 文档添加 MCP 智能检索」这一主题,提供从零到一的完整搭建思路与实践参考。
核心思路:通过 CNB 平台的知识库能力实现文档向量化,结合腾讯云 EdgeOne Edge Function 在边缘部署 MCP Server,让 AI 助手能够语义化检索你的文档内容。
注意:本项目的重点在于讲解思路和演示流程,而非提供一个开箱即用的工具库。你可以参考本项目的方案设计和代码示例,将相同的思路应用到自己的文档站点中。
| 技术 | 用途 |
|---|---|
| VitePress | 静态文档站点生成 |
| CNB | 代码托管 & 知识库向量化 |
| EdgeOne Edge Function | 边缘函数部署 MCP Server |
| Mermaid | 架构图 & 流程图渲染 |
# 克隆仓库
git clone https://cnb.cool/shenzhen/lecturer/vector-mcp-edge.git
cd vector-mcp-edge
# 安装依赖
npm install
# 启动开发服务器
npm run dev
npm run build
构建产物输出到 .vitepress/dist 目录。
npm run preview
vector-mcp-edge/
├── .cnb.yml # CNB 平台 CI/CD 配置
├── .vitepress/
│ ├── config.mts # VitePress 站点配置
│ └── theme/ # 自定义主题与样式
├── guide/ # 搭建教程文档
│ ├── getting-started.md # 快速开始
│ ├── deploy-cnb.md # 托管到 CNB
│ ├── knowledge-base.md # 知识库向量化
│ ├── mcp-server.md # Edge Function 实现 MCP Server
│ ├── deploy-verify.md # 部署与验证
│ ├── extend-tools.md # 扩展更多 MCP 工具
│ ├── best-practices.md # 最佳实践
│ ├── faq.md # 常见问题
│ ├── troubleshooting.md # 故障排查
│ └── glossary.md # 术语表
├── features/ # 功能与效果文档
│ ├── solutions.md # 方案对比与选型
│ ├── architecture.md # 架构全景图
│ ├── solution-mcp.md # 方案一:接入外部 AI 工具
│ └── solution-rag.md # 方案二:自建 Go 服务 RAG
├── public/ # 静态资源
│ ├── favicon.ico # 站点图标
│ └── logo.svg # 项目 Logo
├── edgeone.json # EdgeOne Pages 部署配置
├── index.md # 站点首页
├── package.json # 项目依赖配置
└── LICENSE # MIT 开源协议
项目已配置 .cnb.yml,推送到 CNB 平台后会自动触发:
npm run build
# 使用 EdgeOne CLI 部署 .vitepress/dist 目录
本项目基于 MIT 协议开源。