# AI_knowledge

**Repository Path**: deng_haihui/ai_knowledge

## Basic Information

- **Project Name**: AI_knowledge
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-31
- **Last Updated**: 2026-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI知识库 🧠

> 用形象生动、图文并茂的方式理解大模型核心概念

## 项目简介

AI知识库是一个聚焦大模型专题的静态HTML知识库，每个概念都配有**生活化比喻**和**动画演示**，让复杂技术变得通俗易懂。

### 核心特色

- 🎯 **生活化比喻**：每个概念都有生动的生活比喻，帮助快速理解
- 🎨 **SVG动画图解**：可视化展示技术原理
- 📱 **响应式设计**：适配桌面和移动设备
- ⚡ **纯静态实现**：无需构建工具，直接用浏览器打开即可

## 概念清单（21个）

### 📚 基础篇

| 概念 | 比喻 | 难度 |
|------|------|------|
| [大模型基础原理](concepts/llm-basics.html) | 📚 读万卷书的智者 | 入门 |
| [分词原理](concepts/tokenization.html) | 🧩 切积木 | 入门 |
| [词嵌入](concepts/embedding.html) | 📍 语义地图坐标 | 进阶 |
| [上下文窗口](concepts/context-window.html) | 🪟 一扇窗户 | 入门 |

### 🏗️ 架构篇

| 概念 | 比喻 | 难度 |
|------|------|------|
| [Transformer架构](concepts/transformer.html) | 🏗️ 智能大厦骨架 | 进阶 |
| [注意力机制](concepts/attention.html) | 👀 聚光灯效果 | 进阶 |
| [思维链](concepts/chain-of-thought.html) | 🪜 爬楼梯解题 | 进阶 |
| [MoE混合专家](concepts/mixture-of-experts.html) | 🎯 医院分诊 | 进阶 |

### 🎓 训练篇

| 概念 | 比喻 | 难度 |
|------|------|------|
| [模型训练](concepts/llm-training.html) | 🎓 上学读书 | 进阶 |
| [微调技术](concepts/fine-tuning.html) | 🎯 大学专业分科 | 进阶 |
| [对齐技术](concepts/alignment.html) | 📐 立规矩 | 进阶 |
| [扩散模型](concepts/diffusion-model.html) | 🎨 去噪还原 | 进阶 |

### 🛠️ 应用篇

| 概念 | 比喻 | 难度 |
|------|------|------|
| [提示工程](concepts/prompt-engineering.html) | 💬 问对问题 | 入门 |
| [Harness工程](concepts/harness-engineering.html) | 🎮 装备工具箱 | 进阶 |
| [RAG检索增强生成](concepts/rag.html) | 📚 翻参考书 | 进阶 |
| [Agent智能体](concepts/agent.html) | 🤖 AI助手 | 进阶 |
| [MCP协议](concepts/mcp.html) | 🔌 通用插座 | 进阶 |

### 🚀 前沿与挑战篇

| 概念 | 比喻 | 难度 |
|------|------|------|
| [Skills技能系统](concepts/skills.html) | 🛠️ 技能包 | 进阶 |
| [推理优化](concepts/inference.html) | ⚡ 轻量化运行 | 进阶 |
| [幻觉问题](concepts/hallucination.html) | 🌀 胡说八道 | 入门 |
| [多模态](concepts/multimodal.html) | 👁️👂 眼耳并用 | 进阶 |

## 项目结构

```
ai_knowledge/
├── index.html                    # 首页（概念导航入口）
├── README.md                     # 项目说明
├── LICENSE                       # 许可证
├── assets/
│   ├── css/
│   │   ├── main.css              # 主样式
│   │   ├── themes.css            # 主题变量
│   │   ├── components.css        # 组件样式
│   │   └── animations.css        # 动画效果
│   └── js/
│       └── animations.js         # 动画控制脚本
├── concepts/                     # 概念页面（21个）
├── templates/
│   └── concept-template.html     # 页面模板
└── docs/
    ├── content-guide.md          # 内容撰写指南
    └── animation-guide.md        # 动画设计规范
```

## 快速开始

### 本地预览

直接用浏览器打开 `index.html` 即可查看完整效果：

```bash
# macOS
open index.html

# Windows
start index.html

# Linux
xdg-open index.html
```

### 克隆项目

```bash
git clone git@gitee.com:deng_haihui/ai_knowledge.git
cd ai_knowledge
```

## 页面结构

每个概念页面包含以下模块：

1. **一句话定义** - 通俗易懂地解释概念本质
2. **生活比喻动画区** - 核心亮点，动态演示比喻场景
3. **可视化图解** - SVG动画展示技术原理
4. **核心原理** - 3-5个要点，配有图解
5. **延伸类比** - 从不同角度帮助理解
6. **实际应用** - 真实场景中的应用案例
7. **关键术语** - 核心术语解释
8. **相关概念链接** - 知识图谱导航

## 设计规范

### 配色方案

深邃科技风配色：

| 用途 | 颜色 |
|------|------|
| 背景 | `#0f172a` |
| 重点 | `#3b82f6` |
| 强调 | `#8b5cf6` |
| 交互 | `#06b6d4` |
| 文字 | `#f8fafc` |

### 动画设计原则

- **教学性**：动画服务于理解，不是装饰
- **渐进性**：复杂原理分步演示
- **可控性**：用户可暂停/播放/重放
- **流畅性**：动画时长适中（0.5-3秒）

## 贡献指南

欢迎贡献新的概念页面或改进现有内容！

### 添加新概念

1. 参考 `templates/concept-template.html` 模板
2. 遵循 `docs/content-guide.md` 内容规范
3. 设计生活化比喻和SVG动画
4. 提交PR并等待审核

### 内容质量标准

| 维度 | 权重 |
|------|------|
| 准确性 | 20% |
| 比喻质量 | 15% |
| 动画质量 | 20% |
| 清晰度 | 15% |
| 可视化 | 15% |
| 实用性 | 10% |
| 规范性 | 5% |

## 技术栈

- **HTML5** - 语义化结构
- **CSS3** - 样式、动画、变量
- **原生JavaScript** - 交互逻辑
- **SVG** - 矢量图解

## 致谢

感谢以下资源和项目提供的灵感和参考：

- [Attention Is All You Need](https://arxiv.org/abs/1706.03762)
- [The Illustrated Transformer](https://jalammar.github.io/illustrated-transformer/)
- [Prompt Engineering Guide](https://www.promptingguide.ai/)

## 许可证

本项目基于 [MIT License](LICENSE) 开源。

---

⭐ 如果这个项目对你有帮助，欢迎 Star！