https://github.com/youngle316/cover-paint

🖌️ cover create tool
https://github.com/youngle316/cover-paint

cover nextjs13

Last synced: 16 days ago
JSON representation

🖌️ cover create tool

• Host: GitHub
• URL: https://github.com/youngle316/cover-paint
• Owner: youngle316
• Created: 2023-09-27T09:21:18.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-28T01:27:30.000Z (about 1 year ago)
• Last Synced: 2024-07-31T08:19:15.521Z (4 months ago)
• Topics: cover, nextjs13
• Language: TypeScript
• Homepage: https://coverpaint.xiaole.site/
• Size: 214 KB
• Stars: 120
• Watchers: 1
• Forks: 12
• Open Issues: 5
• Metadata Files:
  • Readme: README-CN.md

Awesome Lists containing this project

README

        


Cover Paint


Create Cover Image in Seconds, It's Super Easy

![cover](https://obsidian-picgo-le.oss-cn-hangzhou.aliyuncs.com/img/cover.png)



## 特征 ✨

- 两种生成封面的方式: 图文 和 纯色

- 图形 模式支持上传图片和使用 UnSplash 图片

- 纯色 模式支持自定义背景颜色。

- 支持可选字体

- 响应式设计，支持暗黑模式

- 多语言支持:（中文、英文）

## 开发计划

- [ ] 支持更多模板

- [ ] 支持自定义字体、颜色等

- [ ] 支持自定义模板 - 拖拽文本

## 技术栈

- [Next.js](https://nextjs.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Unsplash API](https://unsplash.com/developers)

- [next-intl](https://next-intl-docs.vercel.app/)

- [next-themes](https://github.com/pacocoursey/next-themes)

- [react-color](https://github.com/uiwjs/react-color)

- [lucide](https://lucide.dev/)

- [shadcn/ui](https://ui.shadcn.com/)

- [html-to-image](https://www.npmjs.com/package/html-to-image)

## 如何使用

1. 在此处申请 Unsplash API 密钥 [这里](https://unsplash.com/developers).

2. 在根目录下创建一个 .env.local 文件

3. 参考 .env.example 文件，在 .env.local 文件中添加配置

## 安装

```bash

pnpm install

npm run dev

```