# MZXHome

**Repository Path**: boycehe/mzxhome

## Basic Information

- **Project Name**: MZXHome
- **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-01-01
- **Last Updated**: 2026-01-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 明之行科技官网 (MZXHome)

## 项目简介
明之行科技官方网站，基于 Vue 3 + Vite 开发。展示公司核心产品“不晓鼠智能时钟”及公司介绍。

## 最近更新 (2026-01-02)

### 1. UI/UX 优化
- **品牌形象**：
  - 更新网站标题为“明之行科技”。
  - 更新 Favicon 为 `mzx_logo.png`。
  - 底部版权年份更新为 2026。
- **关于我们**：
  - 优化文案排版（字体 16px，行高 2.0，两端对齐，首行缩进）。
  - 精简内容，移除冗余段落。
- **联系信息**：
  - 更新电话号码、邮箱地址及公司地址。
- **底部备案**：
  - 新增 ICP 备案号和公网安备号，并添加跳转链接及图标。
  - 优化移动端底部布局，备案号改为垂直排列。

### 2. 产品展示 (Product Showcase)
- **视觉升级**：
  - 采用单张高清产品图展示，移除轮播图控件。
  - 桌面端图片自适应填满屏幕 (`object-fit: cover`)。
  - 移动端图片 100% 宽度，自适应高度，保证完整显示 (`object-fit: contain`)。
- **内容调整**：
  - 产品名称更新为“不晓鼠智能时钟”。
  - Slogan 更新为“你关心的，抬头可见”。
  - 文本内容移动至页面左上角，取消背景遮罩，设计更简洁。

### 3. 移动端适配
- **导航栏**：
  - 新增汉堡菜单（Hamburger Menu），点击右侧滑出。
  - 菜单宽度调整为屏幕 1/3，字体调整为 16px。
  - 修复了移动端菜单打开时背景页面仍可滚动的问题。
- **布局优化**：
  - 页面容器宽度自适应（最大宽度限制逻辑优化）。
  - 产品图片和文字在移动端自动调整位置和大小。

## 开发与构建

### 安装依赖
```bash
npm install
```

### 本地开发
```bash
npm run dev
```

### 生产构建
```bash
npm run build
```

## 自动化部署

本项目包含一个自动化部署脚本 `deploy_release.py`，用于构建项目并将产物部署到远程服务器。

### 前置要求
1. 安装 Python 3。
2. 安装依赖库 `paramiko`：
   ```bash
   pip3 install paramiko
   ```

### 脚本配置
脚本默认配置如下（可在脚本中修改或使用环境变量覆盖）：
- **主机**: `150.158.19.86` (环境变量 `DEPLOY_HOST`)
- **端口**: `22` (环境变量 `DEPLOY_PORT`)
- **用户**: `root` (环境变量 `DEPLOY_USER`)
- **远程目录**: `/usr/share/nginx/html/`

### 运行部署
运行脚本后，将自动执行以下步骤：
1. 风险确认（防止误操作）。
2. 安全输入服务器密码。
3. 执行 `npm run build` 构建项目。
4. 将 `dist` 目录下的所有文件上传至服务器指定目录。

```bash
python3 deploy_release.py
```

## 技术栈
- Vue 3
- Vite
- CSS3 (Responsive Design)