CyberSec Hub

从零开始学习网络安全 —— 在手机上，离线进行

## 这是什么？ **CyberSec Hub** 是一个打包为原生 Android 应用的独立网络安全学习平台。它提供了一门**包含 25 个深入章节的完整网络安全课程** —— 涵盖从 CIA 三要素和 Linux 基础到漏洞利用、恶意软件分析、数字取证、红蓝队对抗以及职业指导的所有内容 —— 所有这些都可以在你的手机上**100% 离线**运行。安装后无需服务器，也无需互联网。只需打开应用即可开始学习。 CyberSec Hub 是作为单页原生 HTML/CSS/JS Web 应用构建的，封装在 Android Java WebView 外壳中，其设计轻量、快速，并且适合任何拥有 Android 设备的人使用。无论你是完全的新手还是中级学习者，结构化的课程、交互式测验和内置的沙箱终端都为你提供了一个可以装进口袋的、注重实践的网络安全实验室。 ## 下载 | 平台 | 链接 | |----------|------| | Android APK | [**下载 v3.0.0**](../../releases/latest) | ## 截图 该应用采用了深色黑客主题的 UI，并带有绿色、青色和紫色的点缀： - **主屏幕** —— Matrix 数字雨动画、启动终端、课程统计和快速入门指南 - **课程章节** —— 25 个主题，包含子主题、代码块、可折叠的详细信息和内联测验 - **沙箱终端** —— 浮动、可拖动、可调整大小的终端，包含 20 多个模拟命令 - **进度追踪** —— 环形进度、连续打卡计数器、每个章节的完成度以及云同步 - **导航** —— 侧边栏、底部导航栏、面包屑、全局搜索和键盘快捷键 ## 功能 ### 学习内容 - **25 个网络安全章节**，涵盖： - 基础知识、Linux、Termux、网络 - 侦察与 OSINT、扫描与枚举 - 道德黑客、漏洞利用、后渗透 - 权限提升、Bug Bounty、必备工具 - Web 应用安全、操作系统安全 - 恶意软件分析、数字取证、密码学 - 无线安全、云安全、移动安全 - 红队、蓝队、家庭实验室搭建 - 职业指导、法律与道德 - **交互式测验**，提供即时反馈、解释和连续打卡追踪 - **234 个代码块**，带有一键复制按钮 - **173 个可折叠部分**，用于组织内容展示 - **嵌入的 YouTube 视频**缩略图，用于辅助学习 - 带有红绿灯圆点的终端风格代码框 ### 沙箱终端 - **浮动、可拖动、可调整大小** —— 可在应用的任何地方使用 - **20+ 内置命令**：`help`、`ls`、`cat`、`whoami`、`nmap`、`ping`、`curl`、`ifconfig`、`netstat`、`ps`、`netstat`、`hash`、`base64`、`sudo`、`tree`、`score` 等等 - 键盘感知 —— 在 Android 键盘上方保持可见 - 最大化模式，提供全屏终端体验 - 命令历史记录，支持方向键导航和 Tab 补全 ### 进度追踪 - 每个章节的完成复选框 - SVG 进度环，带有百分比显示 - 测验连续打卡计数器，带火焰动画 - **localStorage 持久化** —— 进度在应用重启后依然保留 - **可共享的同步链接** —— QR 码 + URL，用于跨设备备份/恢复 - **导出/导入** JSON 数据，实现完全的数据可移植性 ### 导航与 UI - 带有可折叠章节组的侧边栏 - 带有前进/后退历史导航的顶部栏 - 底部导航栏（主页、主题、实验室、进度），带有活跃发光指示器 - 面包屑轨迹 - 全局搜索 (`Ctrl+K`) - 键盘快捷键模态框 (`?`) - 深色黑客主题，带有 Matrix 数字雨画布动画 - 启动时的打字机引导动画 - 答对测验时的彩纸动画 - Toast 通知 - 悬停时的卡片视差倾斜效果 - 滚动触发的内容展现动画 - 按钮上的涟漪效果 - 响应式设计（手机、平板电脑、台式机、横屏模式） ## 技术栈 | 层级 | 技术 | |-------|-----------| | 前端 | 原生 HTML/CSS/JS（无框架） | | 样式 | CSS 自定义属性、40+ 关键帧动画、flexbox/grid | | Android 外壳 | Java WebView (API 21+) 及 JavaScript bridge | | 启动画面 | 自定义动画 Canvas 渲染 | | 构建 | 使用 `aapt`、`javac`、`d8`、`zipalign`、`apksigner` 的 Shell 脚本 | | 存储 | localStorage（客户端） | | 同步 | 带有 QR 码的 Base64 编码可共享 URL | | PWA | 用于离线 Web 缓存的 Service worker | ## 项目结构 ``` cybersec-hub/ ├── shell_top.html # CSS + HTML header/nav/terminal markup ├── sections.html # All 25 course sections (content) ├── shell_bot.html # All JavaScript (nav, quizzes, terminal, sync) ├── index.html # Combined output (shell_top + sections + shell_bot) ├── server.js # Local Node.js dev server ├── start.sh # Auto-restart server script ├── build-apk.sh # Android APK build script ├── manifest.json # PWA manifest ├── sw.js # Service worker ├── icon-192.svg # App icon (192x192) ├── icon-512.svg # App icon (512x512) ├── hackacademy-prototype.jsx # React prototype (reference only) └── android/ ├── AndroidManifest.xml ├── CyberSecHub.apk # Built APK ├── src/com/cybersec/hub/ │ ├── MainActivity.java # WebView wrapper + AndroidBridge │ └── SplashActivity.java # Animated splash screen ├── res/ │ ├── drawable/ # Adaptive icon │ └── mipmap-*/ # Launcher icons (all densities) ├── assets/ │ ├── index.html # Copied from root │ ├── boot.wav # Boot sound effect │ ├── fonts/ # JetBrains Mono + Inter │ ├── manifest.json # PWA manifest │ ├── sw.js # Service worker │ └── icon-*.svg # Icons └── toolz/android.jar # Android SDK stub for compilation ``` ## 构建 ### 前置条件 - Linux 或 [Termux](https://f-droid.org/en/packages/com.termux/) 环境 - Android 构建工具：`aapt`、`javac`、`d8`、`zipalign`、`apksigner` ### 构建步骤 ``` # 将源文件合并到 index.html cat shell_top.html sections.html shell_bot.html > index.html # 复制到 Android assets cp index.html android/assets/ # 构建 APK bash build-apk.sh ``` **输出：** `android/CyberSecHub.apk` ### 在 Android 上安装 ``` # 复制到共享存储 cp android/CyberSecHub.apk ~/storage/shared/ # 使用 package installer 打开 termux-open ~/storage/shared/CyberSecHub.apk ``` ## 键盘快捷键 | 快捷键 | 操作 | |----------|--------| | `Ctrl+K` | 打开搜索 | | `Ctrl+`` ` | 切换终端 | | `?` | 显示快捷键模态框 | | `Esc` | 关闭当前面板 | | `Alt+Left` | 后退导航 | | `Alt+Right` | 前进导航 | ## 版本历史 ### v3.0.0（最新） - 全面重构课程，增加子主题、嵌入视频和笔记 - 改进启动音效和启动画面 - 集成 YouTube 的视频面板 - 浮动终端支持拖动、调整大小、最小化，并具备键盘感知能力 - 在线状态指示器 - 支持用于远程访问的 Cloudflare tunnel ### v1.0.0 - 首次发布，包含 25 个网络安全章节 - 浮动、可拖动/可调整大小的终端 - 带有连续打卡追踪的测验系统 - 通过可共享 URL 进行进度同步 - 带有活跃发光状态的底部导航 ## 许可证 **仅限教育用途。** 在 Android 上使用 Termux 构建。

_{Made with passion for cybersecurity education}

标签：Android, DSL, JS文件枚举, MITM代理, WebView, 后端开发, 多模态安全, 安全培训, 数据可视化, 离线学习, 移动应用, 网络安全教育