sb3lr/sb3lr.github.io

# 0xsb3lr Virtual OS 作品集 🚀 欢迎使用 **0xsb3lr Portfolio** 项目仓库，这是一个专为网络安全专业人士和开发者设计的，具有“虚拟操作系统”身份的电子展示平台。 ## ✨ 功能特性 - **独特的视觉身份**：基于“Glassmorphism”和高级技术系统效果的现代设计。 - **通过 Markdown 管理内容**：通过 `.md` 文件极其轻松地添加和更新工具、教程和成就。 - **网络工具版块**：展示攻击性和防御性工具，并提供现成的添加模板。 - **教程版块**：组织有序且格式专业的技术教程库。 - **名人堂**：展示个人成就与成功的展厅，具有电影般的展示界面。 - **威胁地图**：模拟实时网络威胁监控的交互式仪表板。 - **游戏化系统**：用户浏览网站时的交互式“解锁”系统。 - **双语 (i18n)**：完全支持阿拉伯语和英语，切换流畅。 ## 🛠️ 技术栈 - **Framework**: [Astro 5.0](https://astro.build/) (为了速度和高性能)。 - **Styling**: [Tailwind CSS v4](https://tailwindcss.com/) (用于自定义设计和易于维护)。 - **Components**: [React 19](https://react.dev/) (用于高级交互元素)。 - **Icons**: [Lucide React](https://lucide.dev/)。 - **Content**: [Astro Content Collections](https://docs.astro.build/en/guides/content-collections/)。 ## 🚀 本地运行项目 确保你的设备上安装了 **Node.js**，然后按照以下步骤操作： 1. **安装依赖库**: npm install 2. **运行开发环境**: npm run dev 3. **构建最终版本**: npm run build ## 📂 内容结构 要添加新内容，请前往以下文件夹： - **工具**: `src/content/cybertools/` (使用模板 `_template-offensive.md` 或 `_template-defensive.md`)。 - **教程**: `src/content/tutorials/` (使用模板 `_template.md`)。 - **成就**: `src/content/achievements/` (使用模板 `_template.md`)。 ## 🛡️ 项目许可证 本项目仅供个人使用和展示技能。你可以借鉴设计，但请注明出处。 **联系方式：** - **电子邮件**: sb3ly@proton.me - **YouTube**: [@0xsb3lr](https://youtube.com/@0xsb3lr) - **GitHub**: [sb3lr](https://github.com/sb3lr)

标签：Astro, Glassmorphism, i18n国际化, Markdown内容管理, MITM代理, React, Syscalls, Tailwind CSS, Web安全, 个人作品集, 交互式UI, 安全仪表盘, 安全技术博客, 安全教育平台, 攻防工具库, 数据展示, 毛玻璃设计, 游戏化机制, 漏洞赏金猎人, 现代Web应用, 红队, 网络威胁地图, 网络安全, 网络安全资源, 蓝队分析, 虚拟操作系统, 防御加固, 防御性安全, 阿拉伯语支持, 隐私保护