tototofu123/CypherLabEncryption

# 🔐 CypherLab 加密 一个探索密码学历史与原理的互动教育平台。从古斯巴达的 Scytale 到现代加密概念，CypherLab 为您提供亲身体验密码书写艺术的机会。 **在线演示：** [https://tototofu123.github.io/CypherLabEncryption/](https://tototofu123.github.io/CypherLabEncryption/) ## 🏛️ 探索资料库 探索各个时代密码的演变： - **古代与古典时期：** Scytale、Atbash、Caesar、Polybius Square 和 Vigenère。 - **20 世纪：** Playfair Cipher 等。 - **现代概念：** 了解安全评分、漏洞以及算法类型（Substitution、Transposition、Fractionation 等）。 ## 🚀 核心功能 - **密码模拟器：** 体验历史密码的实时实现。观察 shifting keys 和 keywords 如何转换您的信息。 - **教育内容：** 深入了解每种方法的历史背景、数学逻辑和漏洞。 - **互动视觉效果：** 简洁的 UI 设计，配有图标和颜色分类，便于轻松导航。 - **安全分析：** 每种密码都配有“Security Score”和详细的漏洞报告，以揭示某些方法最终被破解的原因。 ## 🛠️ 技术栈 - **框架：** React 18 与 TypeScript。 - **路由：** React Router（使用 HashRouter 以兼容 GitHub Pages）。 - **样式：** 现代 UI 模式（基于 `constants.ts` 中的 `text-amber-600` 等，推断使用了 Tailwind CSS）。 - **构建工具：** Vite。 - **部署：** GitHub Actions 和 Netlify。 ## 📂 仓库结构 - `App.tsx`：主路由和应用布局。 - `constants.ts`：包含密码方法、描述和历史数据的核心数据库。 - `types.ts`：用于密码定义的 TypeScript 接口。 - `index.html`：Vite 构建的入口点。 - `.github/workflows/`：用于部署和安全扫描的自动化配置。 ## 🚦 快速开始 1. 克隆仓库： git clone https://github.com/tototofu123/CypherLabEncryption.git 2. 安装依赖： npm install 3. 在开发模式下运行： npm run dev 4. 构建生产版本： npm run build 由 [tototofu123](https://github.com/tototofu123) 用 🧡 构建

标签：React, Syscalls, TypeScript, Vite, 安全插件, 密码学, 手动系统调用, 教学与演示, 自动化攻击