Daniel-wambua/portfolio-new

GitHub: Daniel-wambua/portfolio-new

一个赛博朋克风格的安全作品集，集成动态 RSS 与 GitHub 展示，实时呈现 CTF 报告与开源工具。

Stars: 2 | Forks: 0

# 🔐 丹尼尔·万布阿 | 安全作品集一个现代、赛博朋克风格的作品集，展示安全研究、CTF 解题报告和开源工具。

HavocSec Portfolio Logo

## ✨ 功能特性 - **12 款赛博朋克主题** - 霓虹东京、暗紫水晶、矩阵绿、合成波风格等 - **动态内容** - 自动从 [havocsec.dev](https://havocsec.dev) RSS 源获取最新 CTF 解题报告 - **GitHub 集成** - 显示精选仓库及实时统计 - **HackTheBox 徽章** - 实时的 HTB 档案统计 - **动画粒子** - 交互式 particle.js 背景 - **响应式设计** - 适配所有设备 - **快速加载** - 针对 Vercel 优化的缓存头 ## 🚀 线上演示 - **简要作品集**: [portfolio.havocx.me](https://portfolio.havocx.me) - **完整作品集**: [danielwambua.dev](https://danielwambua.dev) ## 🛠️ 技术栈 - HTML5 / CSS3 / Vanilla JavaScript - [Particles.js](https://vincentgarreau.com/particles.js/) 用于动画背景 - RSS 源集成实现动态内容 - GitHub API 获取仓库统计 - 部署在 Vercel ## 📁 项目结构 ``` ├── index.html # Main HTML file ├── vercel.json # Vercel deployment config ├── favicon.svg # Custom cyberpunk favicon ├── css/ │ ├── style.css # Main styles │ ├── themes.css # 12 color themes │ └── animation.css # Animations ├── js/ │ ├── script.js # Main logic, RSS/GitHub fetch │ ├── particles.js # Particle animation config │ └── animation.js # Scroll animations └── images/ └── profile.png # Profile photo ``` ## 🎨 可用主题 | 主题 | 图标 | 氛围 | |------|------|------| | 霓虹东京 | 🌃 | 粉青赛博朋克 | | 暗紫水晶 | 🔮 | 紫色神秘 | | 午夜森林 | 🌲 | 绿色自然 | | 血腥 cyber | 🩸 | 红色激进 | | 极地冰霜 | ❄️ | 冰蓝 | | 金色薄雾 | ✨ | 温暖琥珀 | | 虚空紫色 | 🌌 | 深邃太空 | | 深海 | 🌊 | 青蓝水下 | | 日落余烬 | 🌅 | 橙色珊瑚 | | 矩阵绿 | 💻 | 黑客绿 | | 合成波 | 🎧 | 复古品红/青 | | 诺德极光 | 🌌 | 柔和北欧蓝 | ## 🔧 本地开发 ``` # 克隆仓库 git clone https://github.com/Daniel-wambua/portfolio-new.git cd portfolio-new # 本地服务（Python） python3 -m http.server 8080 # 或使用任意静态服务器 npx serve . ``` ## 🚀 部署到 Vercel [![使用 Vercel 部署](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/Daniel-wambua/portfolio-new) 或手动操作： ``` npm i -g vercel vercel ``` ## 📬 联系方式 - **博客**: [havocsec.dev](https://havocsec.dev) - **GitHub**: [@Daniel-wambua](https://github.com/Daniel-wambua) - **HackTheBox**: [个人主页](https://app.hackthebox.com/profile/2081158)

📄 许可证（点击展开）

### MIT 许可证版权所有 (c) 2026 丹尼尔·万布阿特此免费授予任何获得本软件副本的人使用、复制、修改、合并、发布、分发、再授权或许可的权利，包括本软件及其相关文档文件（“软件”）中的任何副本。软件按“原样”提供，不附带任何明示或暗示的保证，包括但不限于适销性、特定用途适用性和非侵权保证。在任何情况下，作者或版权持有人均不对任何索赔、损害或其他责任负责，无论是在合同行为、侵权行为还是其他行为中，因软件或软件的使用或其他交易而产生。

_{由 💜 构建，感谢丹尼尔·万布阿}

标签：CSS3, GitHub API, HackTheBox, HTB, HTML5, particles.js, RSS, RSS聚合, Vanilla JavaScript, Vercel部署, 个人作品集, 主题切换, 二进制发布, 写稿, 动态内容, 响应式网站, 开源工具, 快速加载, 暗色主题, 粒子背景, 缓存优化, 编程作品集, 网络安全, 网络安全作品集, 自定义脚本, 赛博朋克, 赛博朋克风格, 隐私保护