jabez007/cryptotron.vue

# 🔐 CryptoTron Vue CryptoTron 是一个互动式的赛博朋克主题数字实验室，旨在探索和可视化经典密码学。它基于 Vue 3 构建，并由 `@jabez007/cryptotron.js` 库驱动，为你提供亲手体验历史上最著名代码与密码的实践机会。 ## ✨ 功能 * **交互式密码套件：** 探索 Caesar、Vigenère、Polybius、Rail-Fence 等密码的详细实现。 * **可视化密码链构建器：** 使用基于节点的图形界面，以可视化方式设计复杂的加密 pipeline。 * **密码分析工具：** 针对大多数密码集成了“Crack”功能，利用频率分析和暴力破解技术进行破解。 * **赛博终端界面：** 沉浸式 UI，配备 CRT 屏幕效果、扫描线以及 Vim 风格的 modal 导航系统。 * **教育内容：** 为每种加密方法提供全面的“理论与历史”微课程。 ## ⌨️ 键盘驱动导航（终端模式） CryptoTron 的设计旨在让你像操作高科技终端一样使用它。请使用以下快捷键以实现高效导航： ### 🏠 全局快捷键 * `Alt + H` 或 `Esc`：返回首页 * `Alt + B`：打开可视化构建器 * `Alt + M`：切换侧边栏菜单 * `Alt + T`：切换 CRT 效果（赛博/简洁模式） ### 📟 侧边栏菜单（开启时） * `Arrow Up / Down`：在列表中导航 * `Enter`：选择页面 ### 🔒 密码页面（Vim 模式） * `Normal Mode`（默认）： * `i`：进入 **Insert Mode**（输入信息） * `k`：进入 **Key Mode**（编辑密码设置） * `1, 2, 3`：在理论、加密和解密标签页之间切换 * `e`：触发加密 * `d`：触发解密 * `c`：触发 Crack（密码分析） * `y`：Yank（复制）输出到剪贴板 * `x`：清除当前激活的标签页 * `Insert / Key Mode`： * `Esc`：返回 **Normal Mode** ## 🛠️ 支持的密码 | 类别 | 密码 | | :--- | :--- | | **Substitution（替换）** | Caesar, Affine, Simple Substitution | | **Polyalphabetic（多表）** | Vigenère, Autokey, Beaufort | | **Grid & Fractionation（网格与分组）** | Polybius Square, Playfair | | **Transposition（置换）** | Rail-Fence, Columnar | | **Steganography（隐写术）** | Bacon's Encoding, Emoji Smuggling, Acrostics | ## 🚀 技术栈 * **框架：** Vue 3 (Composition API) + TypeScript * **构建工具：** Vite * **图形引擎：** @vue-flow/core * **逻辑引擎：** @jabez007/cryptotron.js * **样式：** 现代 Vanilla CSS（赛博朋克主题） ## 📦 项目设置 ### 安装 ``` npm install ``` ### 开发（热重载） ``` npm run dev ``` ### 构建（生产环境） ``` npm run build ``` ### Linting ``` npm run lint ``` ## ⚠️ 免责声明 本应用程序仅供**教育与演示目的**。此处实现的密码均属古典密码，以现代标准衡量是不安全的。请勿使用此软件来保护敏感或隐私信息。

标签：Mutation, Vue3, 可视化, 密码学, 手动系统调用, 网络安全教育