萌芽短链接分发网站

一个简单、快速的短链接生成工具，使用 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. 启动后端

cd mengyalinkfly-backend

# 安装依赖
pip install -r requirements.txt

# 运行后端服务
python app.py

后端将在 http://localhost:5000 启动

2. 启动前端

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 萌芽短链接 - 让分享更简单 🌱