BlackSpartan/Personal-website
GitHub: BlackSpartan/Personal-website
一个以网络安全为主题的个人作品集网站，帮助安全从业者展示专业认证与技能背景。
Stars: 0 | Forks: 0
# 🛡️ Melusi Shoko - 网络防御专家
## 🎥 作品集演示
*我的网络安全作品集实时演示，包含矩阵动画、安全联系表单和响应式设计*
[**🚀 访问在线网站**](https://blackspartan.github.io/Personal-website) • [**📁 查看源码**](#quick-start)
## 📋 概述
一个使用现代 Web 技术构建的响应式、安全主题作品集网站。具备高级的网络安全设计元素、安全的联系表单以及专业的认证展示。
## 🛠️ 技术栈
- **Frontend**: HTML5, CSS3, JavaScript (ES6+)
- **Styling**: 结合 CSS Grid 与 Flexbox 的自定义 CSS
- **Icons**: Font Awesome 6.4.0
- **Fonts**: Google Fonts (Orbitron, Share Tech Mono, Rajdhani)
- **Forms**: 使用 Formspree.io 进行安全的联系表单处理
- **Security**: 客户端输入清理、机器人检测、邮件混淆
## 🎯 功能
### 🔒 安全优先设计
- 客户端输入验证和清理
- 使用蜜罐字段进行机器人检测
- 针对抓取行为的邮箱地址混淆
- 表单提交的时间戳验证
- 集成 Formspree 的安全联系表单
### 📱 响应式设计
- 移动优先的响应式布局
- 跨浏览器兼容性
- 针对所有屏幕尺寸优化（320px 到 4K）
- 触摸友好的界面元素
### ⚡ 性能与用户体验
- 优化的加载动画
- 使用 Intersection Observer API 实现滚动动画
- 终端元素的打字机效果
- 流畅的 CSS 过渡和变形
### 🎨 网络安全主题
- 矩阵风格的动画背景
- 带有渐变效果的浮动几何图形
- 扫描线动画
- 赛博朋克配色方案 (#00ff88, #00a8ff, #ff0080)
- 终端和代码块样式
## 📁 项目结构
Personal-website/
├── index.html # 主要 HTML 文件
├── css/
│ └── style.css # 所有样式和动画
├── js/
│ └── script.js # 交互功能
├── images/
│ ├── certified-information-systems-security-professional-cissp.png
│ ├── proofpoint-certified-ai-email-security-specialist-2.png
│ └── Letsdefend.png
├── fonts/ # 自定义字体（如有）
└── README.md # 本文件
## 🏆 专业认证
- **CISSP** - Certified Information Systems Security Professional
- **Proofpoint AI Email Security Specialist**
- **LetsDefend Cyber Defense Certificate**
- **Advanced Threat Intelligence**
- **Mastering Cyber Threat Intelligence for SOC Analysts**
## 💼 核心能力
### 安全管理
- 访问管理 • 资产安全 • 风险管理
- 安全评估 • 安全工程
### 安全运营
- SOC 分析 • 威胁检测 • 事件响应
- 日志分析 • 威胁狩猎 • 安全监控
### 技术技能
- 恶意软件分析与逆向工程
- 脚本编写 (Python, Bash, PowerShell)
- OSIMIT 收集与数字取证
- 邮件安全与威胁情报
## 🚀 快速开始
### 本地开发
1. 克隆代码库：
git clone https://github.com/BlackSpartan/Personal-website.git
## 创建 README.md 文件
⭐ 如果您觉得这个作品集对您有帮助，请给它点个星标！
将此保存为项目根目录下的 `README.md`：
```
# 导航到您的项目文件夹
cd /c/Users/YourName/Desktop/your-website-folder
# 创建 README.md 文件
notepad README.md
Built with ❤️ by Melusi Shoko - Cyber Defense Specialist
```
标签：HTML/CSS/JavaScript, 个人主页, 后端开发, 响应式设计, 网络安全主题