📸 Cover Maker

一个简单易用的封面图片制作工具，帮助你快速创建各种尺寸的封面图片。

使用链接：https://coverimagemaker.netlify.app/

✨ 功能特性

• 🎨 简单直观 - 无需复杂操作，几步即可完成封面制作
• 📐 多种预设尺寸 - 支持多种尺寸
• 🖼️ 图片上传 - 支持拖拽上传背景图片
• ✏️ 文字编辑 - 自定义标题和副标题，支持字体、颜色、大小调整
• 🎭 头像功能 - 可添加个人头像到封面
• 🌈 蒙版效果 - 支持颜色蒙版和透明度调整
• 💾 一键导出 - 导出高质量 PNG 图片

🛠️ 技术栈

• 前端框架: Next.js 15 + React 19
• 样式: Tailwind CSS 4
• 状态管理: Zustand
• UI 组件: Shadcn UI
• 图标: Lucide React
• 图片处理: html-to-image
• 开发语言: TypeScript

🚀 安装与运行

环境要求

• Node.js 18+
• npm / yarn / pnpm

安装步骤

1. 克隆项目

   git clone https://github.com/XIAOZHUXUEJAVA/cover-image-maker
   cd cover-image-maker

2. 安装依赖

   npm install
   # 或
   yarn install
   # 或
   pnpm install

3. 启动开发服务器

   npm run dev
   # 或
   yarn dev
   # 或
   pnpm dev

4. 访问应用

   打开浏览器访问 http://localhost:3000

构建部署

# 构建
npm run build

📝 使用说明

1. 选择尺寸 - 从常用尺寸中选择或自定义尺寸
2. 上传图片 - 点击图片区域上传背景图片
3. 编辑文字 - 在右侧面板编辑标题和副标题
4. 调整样式 - 设置字体、颜色、对齐方式等
5. 添加效果 - 可选择添加蒙版、头像等效果
6. 导出图片 - 点击导出按钮保存封面图片 ·

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。