# spring-blessing-generator

**Repository Path**: szwei/spring-blessing-generator

## Basic Information

- **Project Name**: spring-blessing-generator
- **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-02-06
- **Last Updated**: 2026-02-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🧧 福满人间 - 春节祝福语生成器

> 一键生成个性化春节祝福语，让每一份祝福都独一无二

## ✨ 项目简介

"福满人间"是一款轻量级、高颜值、易传播的春节祝福语生成与分享工具。用户可以通过简单的操作，一键生成个性化的春节祝福语，支持复制、分享、保存等功能，提升节日仪式感。

## 🎯 项目定位

- **轻量级**：基于Vue 3 + Vite构建，快速加载，性能优异
- **高颜值**：采用春节主题设计，红色渐变背景，视觉冲击力强
- **易传播**：支持一键复制、分享，方便在社交媒体传播

## 👥 目标用户

- 需要发送春节祝福的普通用户
- 社交媒体运营者
- 企业HR发送员工祝福
- 营销人员客户关怀

## 💡 核心价值

- 一键生成个性化祝福语
- 支持多种祝福类型（家人、朋友、商务、情人等）
- 自定义称呼和关键词
- 支持复制、分享、保存功能
- 提升节日仪式感

## 🚀 技术栈

| 模块 | 技术选型 | 说明 |
|------|---------|------|
| 前端框架 | Vue 3 + Vite | 轻量快速，适合静态部署 |
| UI组件库 | Element Plus | 提供现成组件，加速开发 |
| 状态管理 | Pinia | 如需复杂状态管理 |
| 样式方案 | Tailwind CSS + SCSS | 快速构建响应式布局 |
| 图标库 | Element Plus Icons | 内置丰富的图标 |
| 部署平台 | Gitee Pages | 免费静态托管，国内访问快 |

## 📦 功能特性

### 1. 祝福语生成
- 6种祝福类型：普通、家人、商务、情人、朋友、温馨
- 自定义对方称呼
- 自定义关键词
- 3种祝福风格：传统典雅、现代时尚、幽默风趣

### 2. 便捷操作
- 一键生成祝福语
- 一键复制到剪贴板
- 一键分享到社交媒体
- 一键保存为图片（开发中）
- 随机切换祝福语

### 3. 精美UI
- 春节主题设计
- 红色渐变背景
- 响应式布局
- 流畅的动画效果

## 🛠️ 安装与运行

### 环境要求

- Node.js >= 16.0.0
- npm >= 8.0.0 或 yarn >= 1.22.0

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

访问 http://localhost:3000

### 生产构建

```bash
npm run build
```

构建产物将输出到 `dist` 目录

### 预览构建结果

```bash
npm run preview
```

## 📱 部署指南

### Gitee Pages 部署

1. 将代码推送到 Gitee 仓库
2. 在仓库页面点击 "服务" -> "Gitee Pages"
3. 选择构建分支（通常是 `main` 或 `master`）
4. 构建目录设置为 `dist`
5. 点击启动，等待部署完成

### 其他部署方式

项目构建后生成的 `dist` 目录可以部署到任何静态网站托管服务：
- GitHub Pages
- Vercel
- Netlify
- 自己的服务器

## 📂 项目结构

```
spring-blessing-generator/
├── public/                 # 静态资源
├── src/
│   ├── components/        # 组件
│   ├── styles/           # 样式文件
│   │   └── main.css      # 主样式
│   ├── App.vue           # 根组件
│   └── main.js           # 入口文件
├── index.html            # HTML 模板
├── package.json          # 项目配置
├── vite.config.js        # Vite 配置
├── tailwind.config.js    # Tailwind CSS 配置
├── postcss.config.js     # PostCSS 配置
└── README.md             # 项目说明
```

## 🎨 功能演示

### 生成祝福语
1. 选择祝福类型（家人、朋友、商务等）
2. 输入对方称呼（可选）
3. 输入自定义关键词（可选）
4. 选择祝福风格
5. 点击"生成祝福语"按钮

### 复制祝福语
点击"复制"按钮，祝福语自动复制到剪贴板

### 分享祝福语
点击"分享"按钮，调用系统分享功能

### 切换祝福语
点击"换一条"按钮，随机生成新的祝福语

## 🔧 开发计划

- [ ] 图片保存功能（使用 html2canvas）
- [ ] 更多祝福语模板
- [ ] 祝福语收藏功能
- [ ] 历史记录功能
- [ ] 自定义模板功能
- [ ] 多语言支持
- [ ] PWA 支持

## 📄 开源协议

MIT License

## 🤝 贡献指南

欢迎提交 Issue 和 Pull Request！

## 📮 联系方式

如有问题或建议，欢迎通过 Issue 联系我们。

---

**祝您新年快乐，万事如意！** 🎊🎉