给博客写了个后台管理

282 字
1 分钟
给博客写了个后台管理

AI 摘要

一边写博客一边觉得,要是能有个顺手的管理界面就好了。于是趁周末动手写了一个,前后端都搭在自己能掌控的基础设施上。

前端是 Firefly 主题的一部分,嵌在博客项目里,用 Svelte 5 的 runes 语法写的几个组件;后端单独部署在 Cloudflare Workers 上,框架是 Hono。

文章存在 GitHub 仓库里,通过 Contents API 读写,所以每次保存都会自动产生一次 Git 提交,版本历史天然就跟着走了。站点配置存在 Cloudflare D1 里,查询和保存都很快。图片走的是自建的 CloudFlare-ImgBed,上传时通过后端代理转发到图床,返回的 URL 直接插入 Markdown 正文。

后台主要分三块:文章编辑器带 Markdown 工具栏和实时预览,站点配置页管理社交链接和友链,还有一个图片管理器可以浏览和删除已上传的图片。编辑器支持拖拽和剪贴板上传图片,前端用 XHR 做了进度条。

后台示例
后台示例

前后端都已开源:

qwc-ch
/
Firefly
Waiting for api.github.com...
00K
0K
0K
Waiting...
qwc-ch
/
firefly-admin-cfworkers
Waiting for api.github.com...
00K
0K
0K
Waiting...

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
给博客写了个后台管理
https://blog.amamo.top/posts/admin-panel/
作者
年华
发布于
2026-06-27
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
年华
Hello, 欢迎来到我的小破站。
统计
公告
欢迎来到我的博客。我会用AI对博文进入修改和润色。
分类
标签
最新动态
站点统计
文章
17
分类
14
标签
36
总字数
10,791
运行时长
0
最后活动
0 天前
天气预报
站点信息
构建平台
GitHub Actions
博客版本
Firefly v6.15.2
文章许可
CC BY-NC-SA 4.0

当前页面没有目录