# game-world
**Repository Path**: Jackzhou1/game-world
## Basic Information
- **Project Name**: game-world
- **Description**: 一个个人游戏作品集网站，展示喜爱的游戏、评测和推荐。使用原生 HTML、CSS 和 JavaScript 构建，采用赛博朋克风格的响应式设计。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-04
- **Last Updated**: 2026-04-04
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 🎮 Game World | 游戏空间
```
____ _ __ _
/ ___| __ _ _ __ _ _ ___ | | \ \ / / ___
| | / _` || '__|| | | | / _ \ | | \ \ / / / _ \
| |___ | (_| || | | |_| || __/ | | \ \/ \/ | __/
\____| \__,_||_| \__, | \___| |_| \_/\_/ \___|
|___/
_____ _
| ___| ___ _ __ | |_ _ _
| |_ / _ \ | '__| | __|| | | |
| _| | __/ | | | |_ | |_| |
|_| \___| |_| \__| \__, |
|___/
```
> 🌐 一个属于游戏爱好者的数字领地 | A Digital Realm for Gamers
[](https://github.com/JackZhou/game-world)
[](LICENSE)
[](https://developer.mozilla.org/zh-CN/docs/Web/HTML)
[](https://developer.mozilla.org/zh-CN/docs/Web/CSS)
[](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
---
## 🚀 Quick Start | 快速开始
```bash
# 克隆仓库
git clone https://github.com/JackZhou/game-world.git
# 进入目录
cd game-world
# 直接用浏览器打开 index.html 即可
# Or serve it locally
python -m http.server 8080
# 访问 http://localhost:8080
```
---
## 🎯 Features | 特性
| 功能 | 描述 |
|------|------|
| 📱 **响应式设计** | 完美适配桌面、平板、手机 |
| 🎨 **赛博朋克美学** | 紫青配色 + 霓虹动效 |
| 🎮 **游戏展示** | 精美游戏卡片 + 悬停特效 |
| 📹 **视频嵌入** | 集成 B 站视频播放器 |
| ✉️ **联系表单** | 前端验证 + 优雅交互 |
| 📊 **游戏排行榜** | 数据表格展示 |
| 📥 **游戏下载** | 多平台下载卡片 |
| 🔝 **返回顶部** | 平滑滚动动画 |
---
## 🛠️ Tech Stack | 技术栈
```
┌─────────────────────────────────────┐
│ GAME WORLD │
├─────────────────────────────────────┤
│ Frontend │
│ ├── HTML5 (结构) │
│ ├── CSS3 (样式 + 动画) │
│ └── JavaScript (交互逻辑) │
│ │
│ Libraries │
│ ├── Font Awesome 5.15.4 (图标) │
│ └── Google Fonts - Rajdhani │
│ │
│ Features │
│ ├── Mobile-First 响应式 │
│ ├── CSS Variables 主题系统 │
│ ├── CSS Grid + Flexbox 布局 │
│ └── ES6+ 原生 JavaScript │
└─────────────────────────────────────┘
```
---
## 📁 Project Structure | 项目结构
```
game-world/
├── index.html # 首页
├── portfolio.html # 游戏库
├── contact.html # 联系页面
├── download.html # 游戏下载
├── ranking.html # 游戏排行榜
├── css/
│ └── style.css # 主样式文件 (1600+ 行)
├── js/
│ └── script.js # 交互逻辑
├── games/
│ ├── csgo/ # CS:GO 游戏图片
│ ├── portal2/ # 传送门 2 游戏图片
│ ├── thelastofus/ # 美国末日 2 游戏图片
│ └── left4dead2/ # 求生之路 2 游戏图片
└── images/
├── bg-pattern.png # 背景纹理
├── 2077.jpg # 赛博朋克 2077
├── ring.jpg # 艾尔登法环
└── sekiro.jpeg # 只狼
```
---
## 🎨 Design Philosophy | 设计理念
> **"游戏不只是娱乐，它是一种艺术形式。"**
本网站采用 **Cyberpunk 赛博朋克** 风格设计：
- 🟣 **主色调**: 神秘紫 (#7e57c2) - 象征创造力与想象
- 🔵 **辅助色**: 科技青 (#00bcd4) - 代表未来感与数字世界
- 🟠 **强调色**: 活力橙 (#ff5722) - 突出交互与焦点
动效设计灵感来自游戏 UI 界面：
- 悬停缩放 → 类似游戏菜单反馈
- 渐变过渡 → 霓虹灯效果
- 平滑滚动 → 丝滑如 60FPS
---
## 📸 Screenshots | 预览
### 首页
```
┌────────────────────────────────────────────┐
│ [游戏空间] 首页 游戏库 联系 下载 │
├────────────────────────────────────────────┤
│ │
│ 探索 · 游戏 · 体验 │
│ Welcome to My Game World │
│ [浏览游戏库] → │
│ │
└────────────────────────────────────────────┘
```
### 游戏卡片
```
┌─────────────────┐
│ [游戏封面图] │ ← 悬停放大 + 遮罩
├─────────────────┤
│ 游戏名称 │
│ 简介描述... │
│ [查看详情] → │
└─────────────────┘
```
---
## 🔧 Customization | 自定义
### 修改主题色
编辑 `css/style.css`:
```css
:root {
--primary-color: #7e57c2; /* 改成你喜欢的颜色 */
--secondary-color: #00bcd4;
--accent-color: #ff5722;
}
```
### 添加新游戏
在 `portfolio.html` 中添加:
```html
```
---
## 🚀 Deployment | 部署
### GitHub Pages
```bash
# Settings → Pages → Source: main branch
# 访问 https://JackZhou.github.io/game-world
```
### Vercel / Netlify
```bash
# 连接 GitHub 仓库自动部署
# 零配置，自动发布
```
### 传统服务器
```bash
# 上传所有文件到 Nginx/Apache 的 web 目录
# 配置域名解析即可
```
---
## 📄 License | 许可证
MIT License - 详见 [LICENSE](LICENSE) 文件
> 简而言之：你可以自由地使用、修改、分发此代码，只要保留原始版权和许可声明
---
## 🤝 Contributing | 贡献
欢迎提交 Issue 和 Pull Request!
```bash
# Fork 仓库
# 创建特性分支 (git checkout -b feature/AmazingFeature)
# 提交更改 (git commit -m 'Add some AmazingFeature')
# 推送到分支 (git push origin feature/AmazingFeature)
# 开启 Pull Request
```
---
## 👤 Author | 关于作者
**游戏爱好者** | Game Enthusiast
> "在虚拟世界中寻找真实的快乐"
- 🎮 Steam: [添加好友]
- 📱 B 站: [关注我]
- 📧 Email: [联系我]
---
## 🙏 Acknowledgments | 致谢
- [Font Awesome](https://fontawesome.com/) - 图标库
- [Google Fonts](https://fonts.google.com/) - Rajdhani 字体
- [Bilibili](https://www.bilibili.com/) - 视频嵌入
---
```
╔═══════════════════════════════════════════╗
║ Made with ❤️ by JackZhou ║
║ Powered by ☕ and 🎮 ║
╚═══════════════════════════════════════════╝
```
**🎮 Game On! | 游戏开始!**
[⬆️ 返回顶部](#game-world--游戏空间)
