# 个人网站代码

**Repository Path**: chrisKang111/personal-website-code

## Basic Information

- **Project Name**: 个人网站代码
- **Description**: 俊哥.鉴的所有代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-27
- **Last Updated**: 2025-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


俊哥鉴 —— 中国历史主题个人展示平台

> 以中国大历史为脉络，融合传统文化与现代前端技术，打造沉浸式个人展示网站

---

## 项目简介

“俊哥·鉴”是一个以中国历史为主线，融合个人履历、作品、成长历程的动态展示平台。项目强调中国传统文化符号（玉璧、竹简、活字印刷、徽章等）、动态美学（GSAP动画、Canvas水墨、D3.js可视化）、响应式设计与内容管理，致力于为用户带来独特的文化体验和技术展示。

---

## 主要功能与页面

- **首页（紫禁重门）**：水墨动态背景、玉璧导航、名言碑刻、夜间模式
- **人物志（青史鉴）**：竹简简历、技能雷达图（司南底图）、文化彩蛋气泡
- **学业坊（翰林集）**：古籍风格作品集、活字印刷项目区、二级菜单玉牌/活字块
- **千秋纪（历程图）**：横向卷轴时间轴、成就徽章、粒子Canvas动效
- **访客阁（雅集轩）**：灯笼留言墙、飞鸽传书动画、宣纸风格表单

---

## 技术栈

- **前端**：HTML5、CSS3、JavaScript、GSAP、D3.js、Canvas
- **后端**：Node.js、MySQL（可扩展为其他后端语言）
- **字体**：霞鹜文楷等开源中文字体
- **响应式设计**：兼容桌面、平板、移动端
- **夜间模式**、**无障碍支持**、**SEO优化**

---

## 目录结构

```text
个人网站制作/
├── backend/                # 后端代码
├── docs/                   # 项目文档
├── frontend/               # 前端页面与资源
│   ├── about.html
│   ├── guestbook.html
│   ├── index.html
│   ├── portfolio.html
│   ├── timeline.html
│   ├── assets/             # 图片、SVG、字体等
│   ├── css/                # 样式文件
│   └── js/                 # 脚本文件
├── prototype/              # 设计原型与需求文档
└── 期末作业合集/           # 个人作业与项目作品
```

---

## 快速预览

> 建议补充项目首页截图或动图，提升吸引力

![首页预览](docs/preview-home.png)

---

## 部署与运行

1. **克隆仓库**
   ```bash
   git clone https://gitee.com/你的用户名/你的仓库名.git
   ```

2. **前端本地预览**
   - 进入 `frontend/` 目录，直接用浏览器打开 `index.html` 即可预览静态页面。
   - 推荐使用 VSCode + Live Server 插件本地预览，支持热更新。

3. **后端部署（可选）**
   - 进入 `backend/` 目录，根据实际后端技术栈（如 Node.js）安装依赖并启动服务。
   - 示例（Node.js）：
     ```bash
     cd backend
     npm install
     npm start
     ```

4. **生产环境部署**
   - 推荐部署到自有服务器，静态资源可用 Nginx/Apache 托管，后端服务与数据库配置详见 `backend/README.md`。

---

## 特色亮点

- 采用中国传统色彩与元素，页面动效丰富，文化氛围浓厚
- 支持夜间模式、移动端适配、无障碍访问
- 代码结构清晰，资源命名规范，易于维护和二次开发
- 页脚固定 GitHub/Gitee 仓库链接，便于开源交流

---

## 参与贡献

欢迎提出 Issue 或 Pull Request 共同完善项目！  
如有美化建议、动效优化、内容补充等，欢迎留言交流。

---

## 致谢

- [GSAP](https://greensock.com/gsap/) 动画库
- [D3.js](https://d3js.org/) 数据可视化
- [霞鹜文楷](https://github.com/lxgw/LxgwWenKai) 开源字体
- 以及所有开源图片、SVG、图标资源的贡献者

---

## 许可证

本项目采用 MIT License 开源，欢迎学习与使用。

---

> **项目持续更新中，欢迎 Star & Fork！如需定制开发或技术交流，请联系作者。**

```

---

**使用方法：**  
1. 将上述内容复制到你的仓库根目录下的 `README.md` 文件中。  
2. 根据实际情况补充“预览图”、仓库地址、后端部署说明等细节。  
3. Gitee 会自动渲染 `README.md`，作为项目主页展示。