457 字
2 分钟
为你的博客生成封面图吧
前言
写博客时,需要为博客生成封面图,看到二叉树树的GitHub有相关的项目,就Fork了一下尝试,效果也是非常Amazing啊,孩子非常爱吃(Bushi)
然后体验了一下发现没有配置复用功能,导致每次都要重新填参数,这对于强迫症来说是极其难受的。
那么我在Qwen老师的帮助下浅浅实现了这个功能(其实全是ai做的),顺手加了深色模式。
不过原项目功能比较基础,缺少主题切换和配置持久化,每次打开都得重新填。于是 fork 了一份,动手加了几个实用功能,部署在 cover.flygeon.top。
我做了什么
在原项目基础上加入了以下特性:
深色模式
新增亮色/深色主题切换,适配不同博客的整体色调。考虑到很多开发者习惯深色编辑器,在暗光环境下生成封面也不会刺眼。主题状态通过 Tailwind 的 dark 类名控制,切换丝滑。
配置保存与导入导出
这是我觉得最实用的功能——原项目关闭页面后所有设置都会丢失,每次都要重新填写。
现在支持:
- 保存配置:一键将当前封面参数保存到浏览器本地存储
- 导入配置:从本地 JSON 文件导入预设,方便多设备共享
- 导出配置:将当前配置导出为 JSON 文件,可以备份或在团队间复用
原项目 easy_cover
Waiting for api.github.com...
技术栈
- Vue 3:响应式 UI
- Tailwind CSS:样式与深色模式
- html-to-image:前端截图导出
- Vite:构建与开发
使用方式
直接访问 cover.flygeon.top,填写封面信息,调整样式,点击下载即可。
欢迎大家使用喵`