# minowebtemplate

**Repository Path**: litinyana/minowebtemplate

## Basic Information

- **Project Name**: minowebtemplate
- **Description**: 这是一个基于 Xiaomi MiMo V2 大模型开发的智能对话 Web 客户端。项目采用“前后端分离”架构，前端使用 Vue 3 + Tailwind CSS 打造现代化的 UI 交互，后端使用 Node.js (Express) 建立代理转发，完美解决了浏览器跨域 (CORS) 问题并保护了 API Key 安全。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MiMo AI Assistant - 小米大模型对话 Web 界面

这是一个基于 **Xiaomi MiMo V2** 大模型开发的智能对话 Web 客户端。项目采用“前后端分离”架构，前端使用 Vue 3 + Tailwind CSS 打造现代化的 UI 交互，后端使用 Node.js (Express) 建立代理转发，完美解决了浏览器跨域 (CORS) 问题并保护了 API Key 安全。

## ✨ 项目亮点

* **极速响应** ：基于 MiMo-V2-Flash 模型，回复迅速。
* **优雅 UI** ：仿小米风格的橙白配色，响应式设计，支持移动端。
* **Markdown 支持** ：支持代码高亮、表格、数学公式等富文本渲染。
* **安全代理** ：通过后端中转 API 请求，防止 `sk-` 私钥暴露在前端。
* **开箱即用** ：无需复杂的构建工具，简单的 `npm install` 即可启动。

## 🚀 快速开始

### 1. 克隆项目

**Bash**

```
git clone https://gitee.com/litinyana/minowebtemplate.git
cd mimo-ai-xiaomi
```

### 2. 后端配置 (Backend)

1. 进入后端文件夹：

   ```
   cd backend
   ```
2. 安装依赖：

   ```
   npm install
   ```
3. 修改 `server.js` 中的 API Key：

   小米mimo网址：

   > [Xiaomi MiMo](https://mimo.xiaomi.com/zh/index)
   >

   ```
   const MIMO_API_KEY = '你的小米MIMO_API_KEY';
   ```
4. 启动服务：

   ```
   node server.js
   ```

   *后端将运行在 `http://localhost:3000`*

### 3. 前端启动 (Frontend)

1. 直接在浏览器中打开 `index.html`。
2. 或者使用 VS Code 的 **Live Server** 扩展启动以获得更好的体验。

## 📂 项目结构

**Plaintext**

```
├── backend/
│   ├── server.js        # Node.js Express 服务，处理 API 转发
│   └── package.json     # 后端依赖配置
└── frontend/
    ├── index.html       # Vue 3 核心页面
    └── assets/          # (可选) 存放图片或样式文件
```

## 🛠️ 技术栈

* **Frontend** : [Vue.js 3](https://vuejs.org/), [Tailwind CSS](https://tailwindcss.com/), [Marked.js](https://marked.js.org/)
* **Backend** : [Node.js](https://nodejs.org/), [Express](https://expressjs.com/), [Axios](https://axios-http.com/)
* **Icons** : [Phosphor Icons](https://phosphoricons.com/)

## ⚠️ 注意事项

* 请务必在 `.gitignore` 中忽略或不要将带有真实 `API_KEY` 的代码提交到公共仓库。
* 本项目仅供学习和研究小米 MiMo 模型 API 使用。