rajendrapancholi/rajendrapancholi.github.io
GitHub: rajendrapancholi/rajendrapancholi.github.io
一个零依赖的纯静态个人开发者作品集网站，使用原生 HTML/CSS/JS 构建，采用暗黑黑客美学设计，部署于 GitHub Pages。
Stars: 0 | Forks: 0
RAJENDRA PANCHOLI - Personal Portfolio
概述 • 功能 • 结构 • 安装说明 • 部署 • 预览 • 许可证 • 联系方式
## 概述 **Rajendra Pancholi** 的个人开发者作品集 —— MERN Stack 开发者、React Native 工程师和网络安全研究员。零框架、零依赖构建 —— 纯 HTML、CSS 和 JavaScript。 采用暗黑黑客美学设计：动态粒子网络、实时终端、打字机角色循环、滚动触发动画以及隐约的网格背景。快速、轻量且完全静态。 ## 功能 - 带有连接节点线的动态粒子画布背景 - 带有漂移动画的滚动网格背景 - 在 hero 区域循环切换角色的打字机文本效果 - 自动打字并循环的实时终端窗口 - 所有区域的滚动触发显示动画 - 鼠标悬停在 hero 名称上时的故障艺术效果 - CTA 按钮上的磁性悬停效果 - 滚动时的当前导航链接跟踪 - 带汉堡菜单的移动端响应式设计 - 通过 JavaScript 实现的动态版权年份 - 用于 CRT 美学的扫描线叠加层 - 零构建步骤 —— 打开 `index.html` 即可运行 ## 结构 ``` rajendrapancholi/ ├── index.html # Markup & section structure └── style.css # All styles, animations, responsive ├── script.js # Typed text, terminal, particles, scroll logic ├── LICENSE ├── logo3.ico ├── logo.png ├── README.md ``` ## 安装说明 无需安装。只需克隆并打开： ``` git clone https://github.com/rajendrapancholi/rajendrapancholi.github.io.git cd rajendrapancholi.github.io open index.html ``` 或者使用任何静态服务器在本地运行： ``` npx serve . # 或 python3 -m http.server 3000 ``` 访问 `http://localhost:3000`。 ## 部署 本网站通过 **GitHub Pages** 部署在 [`https://rajendrapancholi.github.io`](https://rajendrapancholi.github.io)。 ### 部署您自己的副本： 1. 创建一个名为 `rajendrapancholi.github.io` 的 GitHub 仓库 2. 将这三个文件推送到 `main` 分支根目录 3. 进入 **Settings → Pages → Source**：选择 `main` / `root` 4. 等待约 1 分钟 —— 即可在 `https://rajendrapancholi.github.io` 上线 无构建步骤。无 CI。只需推送。 ## 预览 |
 |
 |
 |
标签：CMS安全, CSS, HTML, JavaScript, 个人主页, 后端开发, 数据可视化, 纯前端, 静态网站