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,填写封面信息,调整样式,点击下载即可。
欢迎大家使用喵`
相关文章
12345
解决fuwari博客使用umami统计访问量时重复统计问题
教程本文解决在fuwari博客主题中使用umami进行访问量统计时有时会出现重复计算的问题
对个人主页进行了重构并迁移了框架
有趣的项目将原来的Svelte的个人主页重构为Next.js,大幅重构了页面,整体屎山得到优化
简单做了一个 Flutter 架构开发的跨平台媒体库,简单记录一下开发历程
有趣的项目由于神人微软的 Windows 媒体管理过于混乱,音频、视频、图片各管各的,导致用起来非常难受。于是我就简单写了一个媒体库,使用 Material Design 风格将这些媒体聚集在一起,方便了管理。
开发了一个个人导航页
有趣的项目一款基于 Svelte 5 + Vite 6 的暗黑风个人导航页,具有包含动态粒子特效、音乐播放器、博客文章时间线显示等功能,可以通过 Cookie 持久化用户设置,适配移动端与桌面端。
做了一个可以让大家视奸我的网站
有趣的项目欢迎大家访问me.flygeon.top来视奸我喵
随机文章
12345
一次 Swup 客户端导航的踩坑:从整页刷新到目录消失
折腾记录记录修复博客导航 bug 的全过程——删掉一个看似多余的整页刷新脚本后,目录(TOC)反而消失了,最终发现根因是侧边栏不在 Swup 的容器列表中。
博客更新日志
未分类将会记录博客的更新内容。
今天是伟大的0721日,别忘了0721
分享私のオナニ一よ見てください!
为 Fuwari 博客添加 Umami 访问量统计
教程本文介绍如何基于 Umami 逆向 API 为静态博客添加实时访问量统计,包括侧边栏总览卡片和文章独立浏览量。
哎我去这个Pages CMS真神了
教程通过向你的静态博客仓库导入Pages CMS实现在浏览器里优雅地管理你的文章