# Major.gitee.io

**Repository Path**: Major_/major.gitee.io

## Basic Information

- **Project Name**: Major.gitee.io
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-03
- **Last Updated**: 2026-05-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 平方咪数智工作室 | M² Digital Studio

> M² Digital Studio - 数字时代的创意先锋

## 📌 项目简介

平方咪数智工作室官方网站，这是一个现代化的响应式网站，展示了工作室的服务领域、项目案例和联系方式。网站采用前沿的设计理念和技术栈，提供沉浸式的用户体验。

## 🎨 技术栈

- **前端框架**: 纯 HTML5 + CSS3 + JavaScript
- **样式框架**: Tailwind CSS
- **动画库**: GSAP (GreenSock Animation Platform)
- **邮件服务**: EmailJS
- **字体**: Inter (Google Fonts)
- **图标**: SVG 自定义图标

## 🚀 功能特性

### 核心功能
- **响应式设计**: 完美适配桌面端、平板和移动设备
- **沉浸式动画**: 包括加载动画、撕纸效果、滚动触发动画
- **打字机效果**: 动态文本显示
- **鼠标视差**: 鼠标跟随的视差效果
- **平滑滚动**: 导航菜单的平滑滚动定位
- **联系表单**: 集成 EmailJS 的邮件发送功能

### 动画效果
- 页面加载时的品牌展示动画
- 独特的"撕纸"进入效果
- 滚动时的元素淡入和位移动画
- 项目卡片的悬停和缩放效果
- 粒子背景动画

### 交互设计
- 自定义移动端菜单（汉堡菜单）
- 触摸友好的交互反馈
- 支持 ESC 键关闭菜单
- 防抖动的窗口调整处理

## 📁 项目结构

```
.
├── index.html          # 主页面
├── css/
│   └── style.css       # 主样式文件
├── js/
│   └── main.js         # 主要 JavaScript 逻辑
├── image/              # 图片资源
│   ├── loading_logo.png    # 加载页 logo
│   ├── nav_logo.png       # 导航栏 logo
│   ├── favicon.ico        # 网站图标
│   └── *.jpg              # 项目案例图片
├── robots.txt          # 搜索引擎爬虫规则
├── baidu_verify_*.html # 百度验证文件
├── update.bat           # Cloudflare Pages 一键部署脚本
└── README.md           # 项目说明文档
```

## 🛠️ 部署说明

### 本地运行
1. 克隆项目到本地
2. 直接用浏览器打开 `index.html` 文件

### 部署到服务器
1. 将所有文件上传到服务器
2. 确保服务器支持静态文件托管
3. 配置服务器正确处理 MIME 类型

### Cloudflare Pages 部署（推荐）
项目包含了一个便捷的部署脚本 `update.bat`，用于一键部署到 Cloudflare Pages：

1. **配置 Wrangler**：
   - 安装 Wrangler CLI：`npm install -g wrangler`
   - 登录 Cloudflare：`wrangler login`
   - 确保项目已连接到 Cloudflare Pages

2. **运行部署脚本**：
   - Windows：双击 `update.bat` 文件
   - 或在命令行运行：`./update.bat`

脚本会自动执行以下操作：
- 设置 UTF-8 编码
- 部署当前目录到 Cloudflare Pages
- 项目名称：`m2box`
- 分支：`main`
- 显示部署进度和完成提示

**注意**：首次运行前请确保已正确配置 Cloudflare Pages 项目。

### EmailJS 配置
使用联系表单功能需要配置 EmailJS：

1. 访问 [EmailJS 官网](https://www.emailjs.com/) 注册账号
2. 创建 Service 和 Template，获取相应的 ID
3. 在 `js/main.js` 中更新以下配置：
   ```javascript
   const EMAILJS_SERVICE_ID = 'your_service_id';
   const EMAILJS_TEMPLATE_ID = 'your_template_id';
   const EMAILJS_PUBLIC_KEY = 'your_public_key';
   ```

## 📱 浏览器支持

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+
- 移动端浏览器（iOS Safari, Chrome Mobile）

## 🎯 设计理念

- **极简主义**: 采用深色主题，突出内容本身
- **现代感**: 使用渐变色和模糊效果营造科技感
- **交互优先**: 所有交互元素都有视觉反馈
- **性能优化**: 移动端减少动画和粒子数量以提升性能

## 📝 联系方式

- 邮箱：593978976@qq.com
- 电话：+86 185 8085 9408
- 地址：重庆市南岸区京东数字产业园

## 📄 许可证

本项目仅供学习和参考使用。

---

© 2026 平方咪数智工作室 M² Digital Studio. All rights reserved.