我给自己的博客写了个封面生成器

2026-11-07

AI摘要

本文部分内容使用了AIGC生成润色，但经过人工审核，尽量保证阅读体验

自己的网站也开了有一段时间了，原本以为自己写内容会很难，结果后面发现还是封面难找难做，翻看我之前的文章封面也知道我基本上都是随便选了点就放上去的，但是这样的效果也不是很好，总体上总会有一点乱糟糟的感觉，于是乎在AI的帮助下我制作了这样一个封面的生成器。

我想要的封面长什么样

我参考了一个叫 fmgen 的站，它的思路是对的：标题、图标、比例、导出，四件事。但我用了几次就发现不够用。它能选的画布尺寸太少，字体只有系统自带那几款，图标只能自己上传。

但我想要的更多

所以它现在能做什么

说起来功能不少，但每一个都很小。

文案这块，就左右两段短文字。52 款在线字体全是开源可商用的，另外你也可以选择手动检测你电脑上装了哪些字体然后去使用他们。字重、字号、字间距、内容宽度、颜色、阴影、描边都能调。整块内容可以直接在画布上拖着走，位置偏了点一键回中间。

图标接的是 Iconify，按官方分类分成十七组，能搜关键词，滚到底自动加载下一页。选中一个图标，面板下方会立刻显示它属于哪个图标集、作者是谁、什么协议。彩色图标比如品牌 Logo 和 Emoji 会保留原色，单色的可以用任意颜色。也能传自己的 PNG 或 SVG，点击、拖进来、Ctrl+V 粘贴都行。

图标有个我挺喜欢的小玩法：把「与文字间距」拉成负数，图标就会压住文字边缘，再配上投影，看着像贴在字上的一张贴纸。这个功能纯属意外收获。

背景支持纯色、三色渐变和图片。图片可以选铺满裁切或者完整显示，能缩放、能挪位置（本质就是裁切），模糊从 0 到 100%，还有遮罩、亮度、透明底。叠加纹理、噪点、暗角、内嵌细边框这些锦上添花的东西也都有。

画布 19 种预设，博客 1200×630、公众号首图 900×383、小红书、B 站、知乎、微博、X、YouTube、Instagram 都在里面，也能自己填 64 到 4000 之间的任意尺寸。

导出 PNG 的 1 倍、2 倍、3 倍，或者 JPG，或者直接复制到剪贴板。开了透明底导出的 PNG 是带 alpha 通道的，能直接叠在别的图上。

关于字体和图标版权问题

字体和图标是最容易踩法律坑的地方，所以我在这块花了点功夫。

界面本身用思源黑体，SIL OFL 协议，可以随便用。在线字体全部从 jsDelivr 按需加载，每款旁边都标了协议（基本都是 SIL OFL 或 Apache），选中后还会显示一句「可免费商用」。并且因为系统字体大部分均不可进行商用或别的用途，所以不推荐使用，除非你自己安装的字体之前已经知晓是否可以商用。

图标同理。选中任何图标，下方会显示它属于哪个图标集、一共多少个、作者是谁、什么许可证。想商用之前先看一眼，心里有底。页面底部还有个弹窗，把字体和图标的授权情况整理成了一张表。