一行 URL 动态生成封面图,免费、开源、极简

2 天前
 gnakzz

有时候写文章需要上传封面图,发帖子也需要配个图,大部分情况我只需要简单的文字、LOGO 、强调文字等即可。

现有的各种 App 、Web 的卡片类应用都需要我打开他们的平台,然后选择合适的模板,最后还要充个会员,不然就限制我下载图片的大小,给我加个水印什么的。

此 API 可以帮助我快速在任意场景下拿到一张想要的图片。

并且如果是文章中配图,大部分技术平台都支持自动转存,很省心。

比如: https://imgx.zzao.club/api/img/001/001/[Nuxt4]从入门到放弃系列+点击就送屠龙宝刀

https://imgx.zzao.club/api/img/001/001/[Nuxt4]从入门到放弃系列+点击就送屠龙宝刀?bgColor=292a3a-536976&accentColor=0088a9&color=ffffff

开源地址

觉得有用的,欢迎 Star 、PR 。

模板不符合自己用途的,可以联系我开发一个。

技术方面

核心是 satorisatori-html 这两个插件。没有用到无头浏览器 puppeteer 之类的,太重,太消耗服务器资源了。

项目是 Nuxt 搭建的,通过 createSSRApprenderToString,就可以拿到自己写好的 Vue 组件给 satori 渲染了,再把渲染后的 svg 转为 png, 接口直接把 png 返回

所以这个接口就类似于动态内容的 png 图片了

有条件的可以自己部署一下。

MIT

后续规划

后面的使用继续朝着极简的方向走,通过登录后保存预设,只传递文字就可以拿到自己常用的图片。

再个就是多加几个常用的模板了,比如其他卡片应用的模板,大家有喜欢的欢迎留言,我火速就给复刻出来。

不过,应该没有人喜欢不停的换风格吧🤔

各位觉得如何?

希望大佬们不吝赐教👏

2354 次点击
所在节点    程序员
52 条回复
yellowsky
2 天前
不错,感谢
gnakzz
2 天前
@yellowsky 客气啦,有需求可以提出来
a941097
2 天前
很棒,已 star
x86
2 天前
不错,之前一直用工具站的展位图做测试,太单调了
kklt1024
2 天前
这个开源地址,找了半天 o(╥﹏╥)o
gnakzz
2 天前
@kklt1024 为何,不是能直接点击嘛
gnakzz
2 天前
@a941097 感谢🙏
gnakzz
2 天前
@x86 欢迎提需求,加班给你开发
wogogoing
2 天前
这个很实用啊!需要配合图床使用的朋友可以看下我的星光图床👉 https://stardots.io
zoharSoul
2 天前
可以生成小说封面图吗?
ltaoo1o
2 天前
很实用,不过如果标题包含特殊字符如 "" 似乎会有问题,另外 +、[] 这些有转义写法吗,就是标题就是 + 这个符号。
gnakzz
2 天前
@ltaoo1o 还没有完善,现在是一个基础用法,特殊字符没处理
gnakzz
2 天前
@zoharSoul 什么小说封面图,有案例图吗?
XMV2e4PmK5F85h17
2 天前
很好 提个小建议 就是生成的图片分辨率有点低了 希望能设置分辨率
zoharSoul
2 天前
@gnakzz #13 起点/晋江/飞卢 等等
littlewing
2 天前
有个疑问,图片是在服务器上生成的吗,是每次都重新生成吗?那如果访问量大了是不是速度会慢,而且占用服务器带宽会很大吧
wen20
2 天前
很实用
blue2008
2 天前
东西不错
gnakzz
2 天前
@Sniper000 明白,今天故意调小了,看看服务器负载如何,明天上线 2 倍图和 3 倍图
gnakzz
2 天前
@littlewing 文字一样就会用缓存,不一样就会重新生成。

现在一张图才几十 kb , 流量情况明天我看看再来回复你。

应该没几个人一直用。每分钟请求数有个限制,内容字数也有限制。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1110730

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX