搓了一个生产级的文字卡片生成器

29 阅读1分钟

最近和文字卡片杠上了,之前用Figma制作了一个文字卡片的模版,今天又用代码搓了一个,简单美观,很适合用来发布内容到社交媒体平台。

开源地址:

github.com/li-fenglei/…

导出后的效果图:

图片

简介

text2card 是一个简洁的文字卡片生成工具,用来将文字内容制作成一张漂亮的文字卡片,可以自定义头像、标题、底部文字、链接二维码和图片链接,并导出为图片,然后分享到社交媒体平台。

能比较完美的适配手机端。

目前只有一个页面:

图片

功能特点

- 🎨 简洁美观的卡片设计

- 📱 移动端自适应

- 📝 自定义标题、内容和底部文字

- 🖼️ 支持添加头像

- 🔗 支持添加自定义链接生成二维码

- 🔗 支持添加图片链接,直接展示图片

- 📱 实时预览效果

- 💾 一键导出为图片

使用方法

1. 在左侧编辑区填写:

   - 标题

   - 正文内容

   - 底部文字

   - 头像URL

   - 选择二维码类型

   - 输入二维码链接或图片URL 

2. 在右侧实时预览卡片效果

3. 点击导出按钮将卡片保存为图片

未来计划

- [ ] 添加更多卡片模板

- [ ] 支持自定义背景颜色/图片

- [ ] 支持调整字体大小和样式