Daniyal197/my-portfolio
GitHub: Daniyal197/my-portfolio
一个采用终端/安全日志美学风格的响应式个人作品集网站，面向网络安全从业者展示安全与全栈项目。
Stars: 0 | Forks: 0
# Daniyal — 个人作品集
（我从零开始构建了它）
一个使用 React + Vite + Tailwind CSS 构建的响应式个人作品集网站，其设计风格围绕终端 / 安全日志美学，以契合网络安全主题。
## 在本地运行
```
npm install
npm run dev
```
然后打开它输出的本地 URL（通常是 http://localhost:5173）。
## 生产环境构建
```
npm run build
```
输出内容将存放在 `dist/` 目录中。使用 `npm run preview` 在本地预览。
## 部署（免费选项）
**Vercel**（最简单）
1. 将此文件夹推送到 GitHub 仓库。
2. 访问 vercel.com → New Project → 导入该仓库。
3. Framework preset：Vite。保持构建设置为默认值。然后部署。
**GitHub Pages**
1. `npm install -D gh-pages`
2. 在 `package.json` 中添加：`"homepage": "https://Daniyal197.github.io/"`
以及一个 script：`"deploy": "vite build && gh-pages -d dist"`
3. 在 `vite.config.js` 中，设置 `base: '//'`
4. `npm run deploy`
## 结构
```
src/
components/
Nav.jsx fixed terminal-prompt navbar
Hero.jsx typing boot-sequence intro
About.jsx bio + neofetch-style info panel
Skills.jsx grouped skill tags
Projects.jsx project "log entries"
Experience.jsx timeline
Contact.jsx contact channels
Footer.jsx
index.css theme tokens + terminal effects
App.jsx
```
所有颜色和字体都在 `src/index.css` 的 `@theme` 下集中定义——
在那里修改它们即可重新定制整个网站的主题。
标签：React, Syscalls, Tailwind CSS, Vite, 个人作品集, 前端, 终端风格UI, 自定义脚本