Admin 管理端开发进展(阶段性小结)

Admin 管理端开发进展(阶段性小结)

这篇记录汇总目前 Admin 管理端的功能落地情况、关键实现点,以及下一步的改进方向,方便回顾与后续迭代对齐。

已完成的核心能力

1. 本地管理后台服务

  • 基于 Express 的本地服务,读取 .env 配置,默认 127.0.0.1:3201 仅本地监听。
  • 提供 REST API:文章 CRUD、构建触发、构建状态、友链与个人名片管理等。
  • 管理端 UI 静态资源直接由服务托管,启动即可使用。

2. 文章管理与构建

  • 文章列表读取 src/content/blog/,按文件名时间戳降序排列。
  • 支持新建、编辑、删除、保存,Frontmatter 与正文分开编辑。
  • 提供“修复中文加粗格式”接口,避免 Markdown 强调与中文连写问题。
  • 一键构建博客:触发 npm run build 并在 UI 展示构建日志与结果状态。

3. Web 管理 UI(文章 + 友链 + 名片)

  • 顶部工具栏集成新建、构建、刷新、视图切换与当前目录展示。
  • 文章列表包含搜索、标签、草稿状态与统计信息。
  • 编辑区支持“元数据 / 内容 / 预览”三标签切换,保持写作流程清晰。
  • 友链管理视图独立:列表 + 详情编辑,支持新增/更新/删除与字段校验。
  • 个人名片管理全屏表单 + 实时预览,保存后同步站点展示。

4. 数据读写与工具能力

  • 友链与名片配置写回 src/consts.ts,保证站点与管理端一致。
  • 关键流程均包含校验与交互提示,降低误操作成本。

阶段性实现要点

  • 管理端定位为本地开发工具,默认不暴露公网端口。
  • 数据源以文件为中心:文章走 Markdown 文件,友链/名片写入 TypeScript 配置。
  • UI 聚焦效率:列表 + 表单 + 预览三段式操作,减少上下文切换。

下一步待办(来自 todo-list 汇总)

  • 管理端安全最小化:简单认证/令牌、CORS 白名单、基础限流。
  • Frontmatter 解析改用 gray-matter/YAML,避免多行与数组解析边界问题。
  • 抽出文章 CRUD 与构建逻辑为共享模块,方便复用与测试。
  • 增加 CI(astro build + astro check + 基础 lint)。
  • 统一 Node/npm 版本要求,并完善 .env 配置说明。

小结

当前 Admin 管理端已经覆盖“文章管理 + 友链管理 + 名片管理 + 构建”全流程,具备日常内容维护的主干能力。下一阶段将集中在安全加固、解析稳定性与工程化规范上,确保管理端在规模化内容下依然稳定可控。