初始化提交

2025-12-14 15:11:17 +08:00
commit 1123d6aef2
39 changed files with 5213 additions and 0 deletions
--- a/README.md
+++ b/README.md
@@ -0,0 +1,124 @@
+# 萌芽短链接分发网站
+
+一个简单、快速的短链接生成工具，使用 React + Flask 构建。
+
+## 🌟 功能特点
+
+- ✨ 生成 4 位字母数字组合的短链接（支持大小写）
+- 🎲 随机生成可用的短链接代码
+- ✅ 实时检查链接代码是否可用
+- 📋 一键复制生成的短链接
+- 🎨 淡绿色渐变清新柔和风格
+- 📱 完美适配移动端
+
+## 🛠️ 技术栈
+
+### 前端
+- React 19
+- Axios (HTTP 请求)
+- Vite (构建工具)
+
+### 后端
+- Python 3
+- Flask (Web 框架)
+- Flask-CORS (跨域支持)
+
+## 📦 项目结构
+
+```
+萌芽短链分发/
+├── mengyalinkfly-backend/          # 后端
+│   ├── app.py                      # Flask 应用主文件
+│   ├── requirements.txt            # Python 依赖
+│   ├── link_data.json             # 链接数据存储
+│   └── README.md                   # 后端说明
+└── mengyalinkfly-frontend/         # 前端
+    ├── src/
+    │   ├── App.jsx                 # 主应用组件
+    │   ├── App.css                 # 样式文件
+    │   └── main.jsx                # 入口文件
+    ├── package.json                # 前端依赖
+    ├── vite.config.js             # Vite 配置
+    └── README.md                   # 前端说明
+```
+
+## 🚀 快速开始
+
+### 1. 启动后端
+
+```bash
+cd mengyalinkfly-backend
+
+# 安装依赖
+pip install -r requirements.txt
+
+# 运行后端服务
+python app.py
+```
+
+后端将在 `http://localhost:5000` 启动
+
+### 2. 启动前端
+
+```bash
+cd mengyalinkfly-frontend
+
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+```
+
+前端将在 `http://localhost:5173` 启动
+
+## 📝 API 接口
+
+### 检查短链接是否可用
+```
+GET /api/check/<code>
+```
+
+### 生成随机短链接代码
+```
+GET /api/generate
+```
+
+### 创建短链接
+```
+POST /api/create
+Content-Type: application/json
+
+{
+  "code": "Aaa3",
+  "target_url": "https://example.com"
+}
+```
+
+### 跳转到目标链接
+```
+GET /<code>
+```
+
+## 🎨 设计特色
+
+- **配色方案**：淡绿色渐变 (#a8e6cf → #dcedc1 → #c9e4ca)
+- **交互动画**：平滑过渡、悬浮效果、弹跳动画
+- **响应式设计**：完美适配各种屏幕尺寸
+- **用户体验**：清晰的视觉反馈、友好的错误提示
+
+## 🌐 域名配置
+
+项目使用域名：`short.shumengya.top`
+
+短链接格式：`short.shumengya.top/{4位代码}`
+
+例如：`short.shumengya.top/Aaa3`
+
+## 📄 许可证
+
+MIT License
+
+---
+
+© 2025 萌芽短链接 - 让分享更简单 🌱