年华の博客

全部文章 开发

No.012 分类开发

标签 Firefly / admin / 开源

  • 313 字
  • 约 1 分钟

给博客写了个后台管理

一个简单顺手的博客后台,从零到一的实践记录

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

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

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

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

后台示例

前后端都已开源:

GitHub · qwc-ch/Firefly

GitHub · qwc-ch/firefly-admin-cfworkers

License 版权

本文《给博客写了个后台管理》由 年华 写,按 CC BY-NC-SA 4.0 协议发布。可以转载,但要署名、不能商用,改过的内容也按同样的协议发布。

https://tblog.amamo.top/posts/admin-panel/

Nearby上下篇

  1. No.013 Cloudflare VS Vercel?! 974 字
  2. No.011 待办 75 字

Comments评论