写博客最沮丧的瞬间不是 Bug 调不通,而是文章发布前那一刻:发现没封面。
为了找张顺眼的图,得在 Unsplash 翻半天;想加个标题吧,PS 太重,在线工具又丑得千篇一律。之前看到 Rutik Wankhade 开源的 CoverView 挺好用,但作为“强迫症”码农,我总觉得差点意思:
标题干巴巴,能不能来点更有冲击力的 Idea?
背景图老撞款,能不能按我的想法现画一张?
想搜个技术 Icon,结果库存少得感人。
本着“不爽就改”的精神,我把原版给魔改了。现在的 CoverViewX,才是我心里的完全体。👇

✨ 那些我亲手加上去的新玩意儿
- 🤖 终于,它有“脑子”了 (AI 深度集成) 起名废有救了!集成了 Gemini 模型后,点一下魔法棒,它能顺着你的思路吐出 3 个更吸睛的标题建议。
更爽的是背景图。现在接入了 zimage turbo,你只要输入“赛博朋克程序员、深夜咖啡、冷色调”,它就给你画一张独一无二的背景。告别版权焦虑,从我做起。
🔐 顺便说句: 所有的 AI 请求我都没敢裸奔,全是通过 Supabase Edge Functions 转发的。你的 API Key 被锁在服务器侧,前端抓包也抓不到,安全这块咱不能丢脸。
⚡️ 图标搜索,快到飞起 老版的图标库搜索起来有点心累。我把整个选择器重写了,塞进了 2000+ 常用技术图标。 现在支持模糊搜索,加了本地缓存,第二次打开几乎是秒开。
🔐 存下来的,才是你的 以前最怕手抖刷新页面,辛辛苦苦调的样式全白费。 我接入了 Supabase Auth,支持 GitHub 一键登录。你调好的配色、喜欢的配置,统统能存进数据库。另外还加了个积分系统,主要是怕 AI 接口被玩坏了(毕竟 API 挺贵的…)。
🎨 审美救星:自动对比度 我加了个 Auto Contrast 功能。别再纠结白底用黑字还是灰字了,它会根据背景亮度自动切换文字颜色,保证你的标题永远清晰。
🛠️ 技术栈
如果你也想折腾,这是我的清单:
前端:React + Tailwind (写样式真的快)
后端:Supabase (Auth, DB, Edge Functions 一条龙)
AI:OpenRouter (LLM) + Pollinations (生图)
部署:Vercel (基本上是一键起飞)
🎯 写在最后
做这个工具的目的很简单:把搞封面的时间从 2 小时缩短到 2 分钟。 门面功夫交给我,你只管专注写好代码。
🔗 项目地址: z4none/CoverView (顺手点个 Star ⭐️ 是对我最大的鼓励!) 👀 在线玩玩: coverviewx.vercel.app
Happy Coding! 💻🚀