看到圈友一篇帖子，是讲怎么用 ChatGPT 生成小红书封面的，我去测了一下，发现效果还不错，想想能不能更进一步，就稍微改了改做成了一个工具站。
原帖地址
https://wx.zsxq.com/dweb2/index/topic_detail/584554582424844
圈友@Clay（阿木）看到了小红书上的一个爆款封面：
然后他想到如果没有工具，能不能借住 ChatGPT 来生成封面图模版呢？
于是有了下面的结果：
具体的过程大家可以去看原贴。
我这里搬一下圈友的 prompt：
我想要设计一张封面图，要求如下：
尺寸：3:4，即宽度为1080像素，高度为1440像素。
渐变色：从#f64188到#f89c3e
文字如下：
小标题：内容（ChatGPT），90像素，黑色，水平居中，距离顶部24%的位置，不加粗，
描述：内容（Chatgpt answers every question），40像素，黑色，水平居中，距离顶部28%的位置
大标题：内容（「不备孕的话容易），110像素，黑色，水平居中，距离顶部45%的位置，注意把中文括号加进去
大标题：内容（怀不上」），110像素，黑色，水平居中，距离顶部65%的位置，注意把中文括号加进去
以上要求请用canvas实现，并把js代码都内联到html里面
最后圈友还给了一个html的模版代码，改改内容就可以生成新的封面。
让 ChatGPT 根据这个需求生成一个可以复用的工具站
然后我就拿着这个 prompt 跟 ChatGPT 去聊了：
然后它就帮我把相关的字段抽象了一下：
接下来我让它帮我改写成一个 webapp:
其实就是把上面一些可以更改的内容用 html 做成页面。
再接下来我又提了一些新的需求：
分离html页面和js代码：
美化一下页面：
然后修修改改消灭了很多个bug以后：
然后网站已经用 vercel 部署，需要校园网访问~
https://cover-generator-iota.vercel.app/
作者：许山山
