MusicCard - 音乐海报生成器 | Music Poster Generator

English | 中文

灵感来源: 本项目受 BeatPrints 启发,旨在提供一个现代化的 Web 版本音乐海报生成工具。

🎵 项目介绍

MusicCard 是一个基于 Next.js 开发的在线音乐海报生成工具,让用户能够为自己喜爱的网易云音乐创建精美的可视化海报。

✨ 主要特性

• 🎨 支持多种海报主题和布局
• 🎵 支持网易云音乐链接解析
• 📱 响应式设计,支持移动端
• 🌈 自定义海报样式和颜色
• 📝 支持歌词展示
• 💾 支持导出高清图片

🚀 在线体验

访问 MusicCard 立即体验

🛠️ 技术栈

• Next.js 14
• TypeScript
• Tailwind CSS
• 网易云音乐 API

📦 本地开发

1. 克隆项目

git clone https://github.com/aidaox/MusicCard.git
cd MusicCard

2. 安装依赖

npm install
# 或
yarn install

3. 启动开发服务器

npm run dev
# 或
yarn dev

4. 在浏览器中打开 http://localhost:3000 查看效果

🚀 部署说明

本项目推荐使用 Vercel 部署:

1. Fork 本项目到你的 GitHub 账号
2. 在 Vercel 上注册账号
3. 在 Vercel 中导入你 fork 的项目
4. 点击 "Deploy" 按钮即可完成部署

🤝 贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进项目!

📄 开源协议

本项目采用 MIT 协议开源。

> Inspired by [BeatPrints](https://github.com/TrueMyst/BeatPrints), this project aims to provide a modern web-based music poster generation tool.

🎵 Introduction

MusicCard is an online music poster generator built with Next.js, allowing users to create beautiful visual posters for their favorite NetEase Cloud Music tracks.

✨ Features

• 🎨 Multiple poster themes and layouts
• 🎵 NetEase Cloud Music link parsing
• 📱 Responsive design
• 🌈 Customizable styles and colors
• 📝 Lyrics display
• 💾 High-quality image export

🚀 Live Demo

Visit MusicCard to try it out

🛠️ Tech Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• NetEase Cloud Music API

📦 Local Development

1. Clone the repository

git clone https://github.com/aidaox/MusicCard.git
cd MusicCard

2. Install dependencies

npm install
# or
yarn install

3. Start development server

npm run dev
# or
yarn dev

4. Open http://localhost:3000 in your browser to see the result

🚀 Deployment

We recommend deploying with Vercel:

1. Fork this project to your GitHub account
2. Sign up for an account on Vercel
3. Import your forked project in Vercel
4. Click "Deploy" to complete the deployment

🤝 Contributing

Issues and Pull Requests are welcome!

📄 License

This project is licensed under the MIT License.