2026 年 10 月 23 日 · 第 6 次记录
V1.5管理台Cloudflare移动端
自研管理台上线:手机上也能写文章、换壁纸、管相册;博客迁上 Cloudflare Pages
展开这条记录(10 条记录)
背景
之前博客的构建部署全靠电脑,人在外面想改个东西只能干瞪眼。这次直接上了 Cloudflare Pages,push 就自动构建部署。又顺手把念叨已久的自研管理台写完了 —— 对着 doulor 的后台抄的作业,手机平板上也能写文章、换背景、管相册。登录页整了个波奇全屏,氛围直接拉满。
01功能博客迁上 Cloudflare Pages:push 到 GitHub 自动构建部署
之前 Cloudflare 账号 Workers Builds 被封,换了干净号走 Connect to Git 路线。构建命令是仓库自带的 pnpm build(带 Pagefind 索引重建),以后改东西不用再开电脑打包了,手机上用管理台保存就会触发重新部署。
02功能自研管理台上线(/admin/):GitHub OAuth 登录,文章/动态/项目/单页增删改
原生 JS 单页,没套构建工具。GitHub OAuth + PKCE 登录,登录后浏览器拿 token 直调 GitHub Contents API 读写仓库,保存就是一次 git commit。文章是目录模式(一个目录一篇),动态/项目/单页是平铺文件。
03功能图片管理:博客背景、头像、Favicon、贴纸、Logo、设备图、相册封面,7 个槽位一处替换
博客背景图走 R2(上传自动转 WebP 再写配置,支持增删和上下排序);头像一次上传生成 PNG + AVIF 两个版本,地址不变友链无缝;Favicon 一次生成 180px 和 32px;贴纸能换图、改位置尺寸;Logo 分亮暗两套;设备页 6 张图;相册封面单独管。
04功能音乐管理:歌单增删改、调顺序、在线试听
读 src/config/musicConfig.ts 的 playlist,新增歌曲可以填直链也可以上传 mp3 到 R2,封面上传自动转 WebP。保存后构建时读配置,Pages 重建就生效。
05改版登录页:波奇全屏背景 + 漂浮音符粒子 + 卡片呼吸光;加上 nekro.top 同款三环加载页
登录页整个就是后藤一里的图,不做淡化不加遮罩,原图完整呈现。16 个音符粒子往上飘,卡片有青绿呼吸光。加载页抄的 nekro.top:三环 spinner(外圈换成品牌青绿)+ 站名,加载完左右两块面板向两边滑开。
06功能相册管理:新建相册、批量传图、加密相册
读 galleryConfig.ts 的 albums,照片走 R2(admin/gallery/<id>/)再追加进 urls.txt,一次 commit。新建相册 ID 按名称自动生成 slug。加密相册的密码只在内存里流转,界面上永不展示原文。
07改版编辑器照 doulor 重做:分区表单 + Markdown 工具条,动态不再简陋
基本信息卡(标题/日期时间选择器/分类/标签/描述/封面上传/胶囊选项)+ 正文卡(B/I/引用/代码/链接快捷按钮、R2 插图、实时字数、预览)。文章多了置顶和密码保护;动态加了地点字段、一键插入【Muse AI 发布】,R2 目录自动填好当天日期。
08功能手机 / iPad 适配:顶栏收成汉堡菜单,编辑器单列排布
小屏下导航收进'☰ 菜单',输入框 16px 防 iOS 自动放大,按钮 44px 高方便点按。现在平板上配好 GitHub 登录就能直接用了,不用开电脑。
09功能控制台背景一键换:默认波奇酱,备选'星空海滨站'
图片管理里加了'控制台背景'槽位,预设两张一键切换,也可以自己传一张覆盖。找了张星空下的海边车站当备选,青绿夜色跟 hue 174 很搭。
10维护修了三个 bug:Umami 反代 404、路由三段 hash 丢参数、JS 变量重名
Umami 反代把上游拼成了双重 /api,改对后统计页恢复。路由解析三段式 hash(如文章编辑页)会丢掉第三段,之前编辑页实际是坏的。相册模块和图片模块有个同名变量导致相册页整个报错,都修了,本地实测页面无报错。
更新标签:管理台 · Cloudflare · 移动端

























