给博客写了个后台管理
282 字
1 分钟
给博客写了个后台管理
一边写博客一边觉得,要是能有个顺手的管理界面就好了。于是趁周末动手写了一个,前后端都搭在自己能掌控的基础设施上。
前端是 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
dsh-toolcall-id:一个插件修好 dsh 的历史加载失败
开源dsh Web GUI 重开多步会话时报 "received more than one start Match",排源发现是工具调用 id 每步重号撞车。写了个开源插件挂在官方钩子上修掉它,升级 dsh 不会被覆盖
3
留言页的群聊风格改造
博客搭建把传统评论区改成即时通讯风格的聊天界面,聊聊这个改造过程中的思路和实现。
4
开源推荐:把 QQ 机器人搬到 Hugging Face 免费跑(AstrBot + NapCat)
AI开源推荐:把 QQ 机器人搬到 Hugging Face 免费跑(AstrBot + NapCat)
5
为 Firefly 添加 Umami 访问统计卡片
blog在 Firefly 博客侧边栏集成 Umami 访问统计,实时展示浏览量、访问数和游客数
随机文章随机推荐



