本项目是为静态博客站点量身打造的可视化运维后台,旨在解决静态博客无法动态更新内容、部署流程繁琐的核心痛点。系统允许用户通过可视化界面直接修改站点配置、编辑内容,并一键触发远程重新构建与部署。
点击空白处退出提示
本项目是为静态博客站点量身打造的可视化运维后台,旨在解决静态博客无法动态更新内容、部署流程繁琐的核心痛点。系统允许用户通过可视化界面直接修改站点配置、编辑内容,并一键触发远程重新构建与部署。
我负责了整个前后端系统的架构设计与全栈开发。针对静态配置文件(TS/JSON)的精准修改难题,采用Recast库进行AST解析与代码生成,实现了对代码节点的精确编辑,并解决了因格式化导致的变量丢失、注释丢失等历史问题。在构建部署环节,设计了基于子进程的异步构建队列,并采用SSE协议实现构建日志的实时流式推送渲染。
采用前后端分离架构。前端基于 React + TypeScript + Ant Design 构建,后端基于 Node.js + Express,提供了一套轻量安全的文件操作接口。
利用Recast解析源码为AST,修改完成后生成新代码并保留原有格式与注释。针对构建流程,调度子进程执行构建命令,将子进程的stdout实时通过SSE推送给前端;服务端支持客户端断线重连后自动补发日志,确保连接稳定性。安全方面实施严格的路径白名单校验,防止越权访问,对上传或修改的文件大小进行流式读写限制,防止内存溢出。








评论