SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io
GitHub: SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io
一个隐私优先、暗黑风格的静态作品集模板，专为网络安全从业者展示项目、认证和技术博客而设计。
Stars: 16 | Forks: 0
# Sagar Biswas — MultiHAT 实习作品集
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io/releases)
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io/releases)
[](https://sagarbiswas-multihat.github.io/)
[](https://sagarbiswas-multihat.github.io/rss.xml)
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io)
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io/blob/main/LICENSE)
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io/issues)
[](https://github.com/SagarBiswas-MultiHAT/sagarbiswas-multihat.github.io/actions/workflows/build.yml)
一个暗黑、受黑客风格启发的 **Sagar Biswas (SagarBiswas-MultiHAT)** 作品集 —— AIUB 的 CSE 学生、网络安全爱好者、道德黑客（Web 应用安全）和 Web 开发者。本站点是一个静态 GitHub Pages 项目，采用自定义设计系统、叙事性内容以及自动化 RSS/网站地图工具。
## 实时站点
- https://sagarbiswas-multihat.github.io/
## 页面与路由
本仓库中包含的核心页面：
- `/` — 主页（身份档案、终端、项目、认证、联系方式）
- `/about/` — 威胁行为者档案
- `/capabilities/` — 能力落地页
- `/certifications/` — 认证落地页
- `/projects/` — 机密行动
- `/notebooks/` — 研究笔记
- `/cybersecurity/` — 工具与资源
- `/blogs/` — 博客索引
- `/resume.html` — 简历查看器
- `/404.html` — 自定义错误页
所有博客内容位于 `/blogs/` 下。
## 核心功能
- 具有自定义 CSS 设计系统的暗黑黑客美学
- 身份档案布局、终端模拟和动画技能矩阵
- 自定义环形/十字准星光标
- CRT 扫描线和暗角叠加效果
- SEO 元数据、Open Graph、JSON-LD 和社交卡片
- RSS Feed + 网站地图 + 图片网站地图自动化
- 压缩后的生产环境 CSS/JS，实现快速交付
## 桌面视口（移动端行为）
该站点在手机和桌面上有意强制使用 **桌面布局**。所有 HTML 页面使用：
```
```
这保持了桌面端网格和排版在移动屏幕上的完整性（用户可以双指缩放）。
## 项目结构（顶层）
```
portfolio/
├─ index.html
├─ 404.html
├─ resume.html
├─ styles.css
├─ styles.min.css
├─ robots.txt
├─ sitemap.xml
├─ image-sitemap.xml
├─ rss.xml
├─ assets/
├─ about/
├─ blogs/
├─ capabilities/
├─ certifications/
├─ cybersecurity/
├─ notebooks/
├─ projects/
├─ scripts/
└─ tools/
```
## 博客系统
博客文章位于 `/blogs/`，是带有 SEO 元数据（标题、描述、规范链接、og:image、发布日期）的标准 HTML 文件。在编辑或添加文章后，请重新生成 Feed，以保持 RSS 和网站地图的准确性。
## 工具与脚本
本仓库包含 `/tools/` 下的最小化构建工具：
- `minify-css.mjs` — 将 `styles.css` 压缩为 `styles.min.css`；运行 `npm run minify:css`，使生成的 `styles.min.css` 与源 CSS 保持同步。
- `minify-js.mjs` — 压缩你稍后添加的任何 JS 文件；在提交新脚本之前，使用 `npm run minify:js` 调用它。
- `regenerate-feeds.mjs` — 从 `/blogs/` 构建 `rss.xml`、`sitemap.xml` 和 `image-sitemap.xml`；在添加或编辑博客文章后执行 `npm run generate:feeds`。
- `scripts/test-routes.sh` — 快速本地路由检查器（状态码）；从仓库根目录运行 `./scripts/test-routes.sh`，以确保每个路由在推送前返回 200。
## 构建与更新命令
安装依赖项（一次性）：
```
npm install
```
构建压缩资源：
```
npm run build
```
在博客更新后重新生成 RSS + 网站地图：
```
npm run generate:feeds
```
## 部署 (GitHub Pages)
1. 推送到 GitHub。
2. 在 **Settings → Pages** 中，选择 **main** 分支和根文件夹。
3. 站点将通过以下地址提供：https://sagarbiswas-multihat.github.io/
## 常见更新
- **添加博客文章**：在 `/blogs/` 中创建一个新的 HTML 文件，并运行 `npm run generate:feeds`。
- **更新个人资料图片**：替换 `/assets/` 中的图片，并保持大小与现有文件名一致。
- **添加新页面**：创建一个包含 `index.html` 的文件夹，然后更新导航链接。
## 故障排除
- **CSS 未加载**：运行 `npm run minify:css` 并确保 `styles.min.css` 已提交。
- **Feed 损坏**：在任何博客更改后运行 `npm run generate:feeds`。
- **路由丢失**：使用 `scripts/test-routes.sh` 确认每个路由在本地返回 200。标签：CSE, DNS解析, GitHub Pages, MITM代理, RSS 订阅, SEO 优化, Web 开发, 个人作品集, 博客, 可观察性, 后端开发, 响应式设计, 多模态安全, 学生项目, 安全研究员, 开源项目, 技术教程, 数据可视化, 极客风格, 站点地图, 网络安全, 隐私优先, 隐私保护, 静态网站