CyberEdu — 网络安全学习平台
一个交互式网络安全学习网站，从零基础到高级渗透，全面覆盖。
52 个章节 · 28 道 CTF 挑战 · 中英双语 · AI 导师
🚀 在线体验
·
English
·
更新日志
·
反馈问题
---
## ✨ 功能特色
| 分类 | 详情 |
|------|------|
| 📚 **内容体系** | 7 大模块 · 52 个章节 · 4 级难度（零基础 → 高级） |
| 🌐 **中英双语** | 全部章节完整英文翻译 · UI 一键切换 |
| 🤖 **AI 导师** | 内置聊天助手 · SSE 流式输出 · 支持 DeepSeek/OpenAI/通义/Claude/Ollama |
| 💻 **代码编辑器** | CodeMirror 5 · Python / JS / C / Bash 语法高亮 |
| 🚩 **CTF 竞技场** | 16 道挑战 · 密码学、Web、Misc、逆向、取证、PWN |
| ⌨️ **编程练习** | 10 道编程题 · 期望输出自动验证 |
| 🔍 **全局搜索** | Ctrl+K 快速搜索 · 分词模糊匹配 |
| 📱 **响应式设计** | 完整移动端支持 · 侧边栏覆盖 · 紧凑导航 |
| 🌙 **主题切换** | 深色/浅色模式 · 状态持久保存 |
| 📊 **进度追踪** | 自动记录学习进度 · JSON 导出/导入备份 |
### 📚 7 大核心模块
```
编程基础 · 密码学 · 网络 · Web 安全 · 渗透测试 · 恶意软件分析 · CTF 实战
```
## 🏗️ 项目结构
```
cyberedu/
├── cyberedu.html # 主页面（入口）
├── content.js # 内容数据（中英双语：模块/章节/练习/CTF）
├── script.js # 交互逻辑
├── style.css # 样式表（新粗野主义终端风格）
├── i18n.js # 中英文切换系统（~140 翻译键值对）
├── server.js # 本地 Node.js 服务器（AI 聊天代理）
├── favicon.svg # 站点图标
├── docs/ # 文档资源（截图、OG 图片）
├── versions/ # 历史版本归档 + CHANGELOG
├── .github/ # Issue 和功能请求模板
└── CONTRIBUTING.md # 贡献指南
```
## 🚀 使用方式
### 方式一：纯静态浏览（无需服务器）
直接在浏览器中打开 `cyberedu.html` 即可。代码高亮、主题切换、进度管理、搜索等功能正常使用。
### 方式二：本地服务器（启用 AI 导师 + 代码执行）
需要 [Node.js](https://nodejs.org/) v16+：
```bash
node server.js
# 然后浏览器访问 http://localhost:8000
```
点击右下角绿色悬浮按钮打开 AI 聊天面板，点击 ⚙ 配置：
| 字段 | 示例 |
|------|------|
| API 类型 | `OpenAI 兼容` 或 `Anthropic` |
| API Base URL | `https://api.deepseek.com` |
| API Key | `sk-...` |
| 模型 | `deepseek-chat`、`deepseek-reasoner`、`claude-sonnet-4-20250514` |
可选：调整温度、最大 Token 数、是否启用思考/推理模式。
> 💡 Windows 用户可双击 `restart_server.bat` 快速重启服务器。
## 🤖 支持的 AI 模型
| 提供商 | API Base URL | 模型示例 |
|--------|-------------|---------|
| **OpenAI 兼容** |||
| DeepSeek | `https://api.deepseek.com` | `deepseek-chat`, `deepseek-reasoner` |
| OpenAI | `https://api.openai.com/v1` | `gpt-4o`, `gpt-4o-mini` |
| 通义千问 | `https://dashscope.aliyuncs.com/compatible-mode/v1` | `qwen-plus`, `qwen-max` |
| Ollama（本地） | `http://localhost:11434` | `llama3`, `qwen2` |
| Groq | `https://api.groq.com/openai/v1` | `llama-3.1-70b` |
| **Anthropic** |||
| Claude | `https://api.anthropic.com` | `claude-sonnet-4-20250514`, `claude-haiku-3-5` |
## 🛠️ 技术栈
| 层级 | 技术 |
|------|------|
| 前端 | HTML5 / CSS3 / 原生 JavaScript（客户端零依赖） |
| 代码高亮 | [Prism.js](https://prismjs.com/) v1.29.0 |
| 代码编辑器 | [CodeMirror 5](https://codemirror.net/)（Python/JS/C/Bash） |
| 本地服务器 | Node.js 内置 `http` 模块（零依赖） |
| AI 流式输出 | SSE（Server-Sent Events） |
| 字体 | JetBrains Mono + Noto Sans SC + Space Mono |
## 📋 更新日志
### v2.4（2026-06-22）
- 📚 **内容全面重写** — 52 个章节采用场景驱动教学，嵌入 203 道交互式自测题，新增阅读时间指示器
- 🐛 **Bug 修复** — 侧边栏折叠动画崩溃、侧边栏被状态栏遮挡、工具箱计算错误（URL/Hex/Binary）
- 📝 **文档改版** — README 徽章、功能展示图、SEO 增强 meta 标签
- 🖼️ **图片清理** — 移除文档截图中的 AI 生成水印
> 📋 [查看完整版本历史 →](versions/CHANGELOG.md)
## 🤝 参与贡献
欢迎贡献代码！提交 PR 前请先阅读 [CONTRIBUTING.md](CONTRIBUTING.md)。
## 💬 反馈建议
发现 Bug 或有改进建议？[提交 Issue →](https://github.com/Chhhhhhhhhhhhhhh/cyberedu/issues/new/choose)
## 📄 许可证
[MIT](LICENSE) — 个人和商业使用免费。
---
如果 CyberEdu 对你有帮助，请给个 ⭐ 支持一下！