关于本站
魔方教学是一个开源、现代化、可直接部署到 Cloudflare Pages 的三阶魔方教学网站。 我们的目标是用清晰的图示与循序渐进的结构，让每个人都能轻松学会还原魔方。
核心特性
循序渐进
从认识魔方到 CFOP 速拧，分章节、分步骤系统教学
参数化图示
自研 SVG 魔方图示组件，无需外部图片即可直观展示
深色模式
跟随系统或手动切换，全程护眼
进度保存
学习进度与收藏本地持久化，无需登录
全站搜索
快速定位章节、步骤与公式
高性能
SSG 静态预渲染，Lighthouse 各项 ≥ 95
技术栈
Vue 3ViteTypeScriptvite-ssgVue RouterPiniaTailwindCSSIconifyVueUse
Cloudflare 生态
本站基于 Cloudflare Pages 静态托管，零服务器部署。后续将集成 Cloudflare Workers（API）、 D1（数据存储）、R2（资源存储）、KV（缓存）与 Turnstile（安全验证）等能力，无需重构前端。
后续规划
- 二阶 / 四阶 / 五阶 / 金字塔 / 镜面 / Skewb / Square-1 教学
- OLL 57 公式库与 PLL 21 公式库
- F2L 直觉解法专题
- 在线计时器（Timer）与打乱生成器（Scramble）
- 3D 魔方演示（Three.js）
- AI 拍照识别魔方状态
- 用户登录与评论系统（Cloudflare Workers + D1）
- 多语言（中文、英文、日文）
- PWA 离线学习
准备好开始学习了吗？
开始学习