457 字
2 分钟
为你的博客生成封面图吧

前言#

写博客时,需要为博客生成封面图,看到二叉树树的GitHub有相关的项目,就Fork了一下尝试,效果也是非常Amazing啊,孩子非常爱吃(Bushi)

然后体验了一下发现没有配置复用功能,导致每次都要重新填参数,这对于强迫症来说是极其难受的。

那么我在Qwen老师的帮助下浅浅实现了这个功能(其实全是ai做的),顺手加了深色模式。

不过原项目功能比较基础,缺少主题切换和配置持久化,每次打开都得重新填。于是 fork 了一份,动手加了几个实用功能,部署在 cover.flygeon.top

我做了什么#

在原项目基础上加入了以下特性:

深色模式#

新增亮色/深色主题切换,适配不同博客的整体色调。考虑到很多开发者习惯深色编辑器,在暗光环境下生成封面也不会刺眼。主题状态通过 Tailwind 的 dark 类名控制,切换丝滑。

配置保存与导入导出#

这是我觉得最实用的功能——原项目关闭页面后所有设置都会丢失,每次都要重新填写。

现在支持:

  • 保存配置:一键将当前封面参数保存到浏览器本地存储
  • 导入配置:从本地 JSON 文件导入预设,方便多设备共享
  • 导出配置:将当前配置导出为 JSON 文件,可以备份或在团队间复用

原项目 easy_cover#

afoim
/
easy_cover
Waiting for api.github.com...
00K
0K
0K
Waiting...

技术栈#

  • Vue 3:响应式 UI
  • Tailwind CSS:样式与深色模式
  • html-to-image:前端截图导出
  • Vite:构建与开发

使用方式#

直接访问 cover.flygeon.top,填写封面信息,调整样式,点击下载即可。

欢迎大家使用喵`

为你的博客生成封面图吧
https://flygeon.top/posts/6/
作者
Flygeon
发布于
2026-06-06
许可协议
CC BY-NC-SA 4.0