Oneimg 官网 | Telegram 反馈群 | 吐个槽

介绍

一个纯前端实现的文字转图片应用，您可以通过编辑器输入文本和图片，使用预设的 CSS 模板样式，快速生成预览，并导出为图片。

适合微信公众号长图推文以及小红书、Instagram 等图片社交媒体贴文制作。

default.mp4

如何自定义自己的模版和主题

特性

• 快速文字转图片，大幅提高内容创作效率
• 内置多种模版和主题色，更多模版还在开发中
• 固定布局编辑器，无需考虑复杂的排版问题
• 实时预览生成的长图
• 导出为长图和多张切图
• 开放格式，导出主题为 .oneimg json 文件
• 正文编辑器支持加粗、斜体、下划线和列表等格式

预览地址

oneimgai

技术栈

• 前端： Next.js、tiptap 编辑器、tailwindcss、shadcn/ui
• 图片处理：html-to-image, UPNG
• 数据库：IndexedDB (本地存储)

快速开始

# 安装依赖
pnpm install 

# 启动项目
pnpm dev

Docker 快速部署

你可以直接使用我已经构建好的镜像来运行

docker run -d -t -p 3000:3000 \
--name=oneimg \
--restart=always \
swr.ap-southeast-1.myhuaweicloud.com/wenyang0/oneimg:latest

或者，如果您愿意，也可以自己手动编译。

#下载代码
git clone https://github.com/byodian/oneimg.git

#docker 编译
cd oneimg/
docker build -t oneimg:v1 -f Dockerfile.yaml .

#启动服务
docker run -d -t -p 3000:3000 --name oneimg --restart=always oneimg:v1

最后,打开你的浏览器访问服务的地址 http://serverIP:3000 即可

使用方法

1. 打开应用后，首先创建主题
2. 选择预设的 CSS 样式模板
3. 使用编辑器输入内容，实时预览生成的图片样式
4. 点击导出按钮，生成 PNG 格式的图片并下载。

贡献

我们欢迎各类贡献。如果你有新的功能或改进，欢迎提交 PR：

1. Fork 本项目。
2. 创建新的分支 (git checkout -b feature/your-feature)。
3. 提交修改 (git commit -m 'Add some feature')。
4. 推送到分支 (git push origin feature/your-feature)。
5. 创建 Pull Request。

许可证

本项目基于 MIT license 开源。

捐赠

支持我