跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[分享创造] 快速将图文转为长图应用, Next.js 开源分享

发表于

oneimg

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

应用截图

特性

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

使用案例

微信公众号长图推文:oneimg 应用介绍

可下载主题文件作导入到 oneimg 应用,查看效果。

打开文件

技术栈

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

源代码和预览地址

如果大家感兴趣欢迎 Star 和贡献代码。

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.