🎓 为 LLM 初学者打造的交互式学习平台
An Interactive Learning Platform for LLM Beginners
- 基础知识: Transformer、注意力机制、Tokenization、Embedding、预训练、微调
- 前沿研究: GPT-4、LLaMA、RLHF、RAG、MoE、多模态
- 技术架构: 缩放定律、分布式训练、推理优化
- 实践应用: 提示工程、AI Agent、LLMOps
- 为每个主题添加个人笔记
- 数据保存在浏览器本地（LocalStorage）
- 支持查看、编辑、删除
- 一键切换中文/英文
- 自动保存语言偏好
- 炫酷的霓虹色彩效果
- 动态粒子背景
- 神经网络可视化动画
- 明亮/暗黑主题切换
- 自动保存主题偏好
https://tonywang2182.github.io/LLLM/
# 克隆仓库
git clone https://github.com/TonyWang2182/LLLM.git
cd LLLM
# 启动本地服务器
# Python 3
python -m http.server 8000
# 或 Node.js
npx serve
# 然后访问 http://localhost:8000LLLM/
├── 📄 index.html # 主页面
├── 📄 share.html # 分享页（带二维码）
├── 📄 LICENSE # MIT 许可证
├── 📄 README.md # 项目说明
├── 📁 .github/
│ └── 📁 workflows/
│ └── 📄 deploy.yml # GitHub Pages 自动部署
├── 📁 css/
│ └── 📄 style.css # 赛博朋克风格样式
├── 📁 js/
│ ├── 📄 main.js # 主逻辑 & 神经网络动画
│ ├── 📄 i18n.js # 国际化（中英双语）
│ └── 📄 notes.js # 笔记本地存储
├── 📁 data/
│ └── 📄 content.json # 学习内容数据
├── 📁 assets/
│ └── 📁 images/ # 图片资源
└── 📁 scripts/ # 部署脚本
├── 📄 deploy.ps1 # PowerShell 部署脚本
└── 📄 push.bat # Windows 批处理部署脚本
| 技术 | 用途 |
|---|---|
| HTML5 | 语义化标记 |
| CSS3 | 自定义属性、动画、布局 |
| JavaScript (ES6+) | 模块化、异步操作 |
| LocalStorage | 本地数据持久化 |
| Canvas API | 神经网络可视化 |
| GitHub Actions | 自动部署 |
- 点击"开始学习"按钮
- 选择感兴趣的板块
- 点击卡片查看详细内容
- 点击学习卡片或笔记按钮
- 在弹出的窗口中输入笔记
- 点击"保存笔记"
- 点击右上角 EN/中 切换语言
- 点击右上角 ☀️/🌙 切换主题
详见 DEPLOY.md
快速部署：
# 方法1: 使用脚本
./scripts/push.bat # Windows
./scripts/deploy.ps1 # PowerShell
# 方法2: 手动推送
git add .
git commit -m "Update"
git push origin main欢迎贡献！请查看 CONTRIBUTING.md
- Fork 本仓库
- 创建功能分支：
git checkout -b feature/AmazingFeature - 提交更改：
git commit -m 'Add some AmazingFeature' - 推送分支：
git push origin feature/AmazingFeature - 打开 Pull Request
- 基础学习内容
- 笔记功能
- 中英双语支持
- 赛博朋克主题
- 日夜模式
- 更多学习主题
- 学习进度追踪
- 社区讨论功能
- 导出笔记为 PDF
MIT © Tony Wang
- 感谢所有开源 LLM 研究者的贡献
- 感谢 GitHub Pages 提供免费托管
⭐ 如果这个项目对你有帮助，请给它一个 Star！
Made with ❤️ by Tony Wang