这是集成于AyaOS的静态博客管理后台,包含从写作、整理到发布的完整操作流程。


系统一览
信息组织与检索
- 编辑器与管理页解耦:管理页负责目录树、移动、改名、删除等操作,编辑页专注于写作本身,减少不同任务之间的相互干扰。
- 目录树浏览器:归渲染Markdown目录结构,并默认展开根目录与顶层节点,降低频繁展开/收起的操作成本。
- 分类/子类/标签映射:前端以中文语义展示并选择,写入时由后端统一归一为id,提高可读性与数据一致性。
- 子类联动校验:根据所选分类动态生成允许的子类集合,减少错误组合。
编辑与预览
- 实时预览渲染链路:从Markdown渲染到内容清洗、DOM 更新,再到本地资源引用的预览态解析,保证编辑阶段即可接近发布效果。
- 相册可视化编辑:在相册编辑页直接管理图片顺序、alt 文本与引用状态,并通过独立按钮按需请求后端文件浏览,避免一次性请求过大。
媒体资源处理
- 媒体写作友好:文章媒体上传后自动生成引用片段,支持交互式命名;失败时不产生无效编号或残留引用,降低写作过程中的资源管理负担。
- 类型识别与降级:按图片、视频与其它类型分流处理,无法识别的资源以附件链接形式插入,保证写作流程不中断。
- 预览映射缓存:解决“资源已上传但未发布”状态下的本地预览一致性问题。
数据一致性与安全边界
- 保存前置条件:未选定归档目录时禁止保存、发布与上传,避免产生孤儿内容。
- 自动保存:采用节流式autosave,在减少频繁写入的同时降低丢稿概率。
- 相册文件后端联动:前端图片的增删改与后端文件状态保持同步,并按当前最大编号递增命名,降低手工维护成本。
发布与运维
- “保存→构建→上传”一键串联:发布按钮直接触发静态博客构建Pipeline,将内容生产闭环收束为可重复执行的流程。
- 临时资源清理:提供受控的一键清理按钮,清理构建与上传过程中产生的临时资源,避免长期运行下的磁盘膨胀与状态污染。