给博客写了个后台管理
282 字
1 分钟
给博客写了个后台管理
AI 摘要
一边写博客一边觉得,要是能有个顺手的管理界面就好了。于是趁周末动手写了一个,前后端都搭在自己能掌控的基础设施上。
前端是 Firefly 主题的一部分,嵌在博客项目里,用 Svelte 5 的 runes 语法写的几个组件;后端单独部署在 Cloudflare Workers 上,框架是 Hono。
文章存在 GitHub 仓库里,通过 Contents API 读写,所以每次保存都会自动产生一次 Git 提交,版本历史天然就跟着走了。站点配置存在 Cloudflare D1 里,查询和保存都很快。图片走的是自建的 CloudFlare-ImgBed,上传时通过后端代理转发到图床,返回的 URL 直接插入 Markdown 正文。
后台主要分三块:文章编辑器带 Markdown 工具栏和实时预览,站点配置页管理社交链接和友链,还有一个图片管理器可以浏览和删除已上传的图片。编辑器支持拖拽和剪贴板上传图片,前端用 XHR 做了进度条。

前后端都已开源:
Waiting for api.github.com...
Waiting for api.github.com...
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
相关文章智能推荐
1
这个博客的朋友圈是怎么做的
博客搭建一篇关于博客朋友圈功能的实现思路分享,从 RSS 抓取到前端展示,聊聊背后的设计。
2
留言页的群聊风格改造
博客搭建把传统评论区改成即时通讯风格的聊天界面,聊聊这个改造过程中的思路和实现。
3
为 Firefly 添加 Umami 访问统计卡片
blog在 Firefly 博客侧边栏集成 Umami 访问统计,实时展示浏览量、访问数和游客数
4
Firefly 主题 添加WelcomeToast 组件
Guide分析 Firefly Astro 博客主题中 WelcomeToast 欢迎弹窗的实现逻辑与在 MainGridLayout 中的集成方式
5
今天是伟大的0721日
galgame2026-07-21
随机文章随机推荐













