技术

一图读懂Tom的博客技术栈

2026-05-27技术Tom 发布

一图读懂 Newversion 的技术路线。

坦白说,我对其中细节也并非完全了然,但总体而言,这个网站已交由 Agent 进行全栈运维。大致而言,前端通过 Vercel 与后端相连,运维则部署在阿里云的 ECS 之上。

Tommy-online

经 ChatGPT 分析后,技术架构如下所示:

  • 前端:HTML 单页网站
  • 后端 API:基于 Vercel 的 Serverless / Edge 平台
  • 数据库:采用 GitHub 上的 JSON 文件
  • 命令行工具:提供 CLI 供 Agent 操作
  • AI 生成:由 DeepSeek 驱动

该方案的优点包括:结构简单、成本低廉,适合个人站点以及 AI Agent 自动发布内容。

其缺点则在于:不适合高并发或复杂业务场景,当文章内容增多时,JSON 文件将变得沉重,权限体系也较为基础。

你可以将其类比为一个实体零售店:

  • index.html = 店面门面
  • data/posts.json = 货架上陈列的文章
  • api/blog.js = 店员,负责文稿的上架与取用
  • bin/tommy-online.mjs = 遥控器,供你与 AI 调度使用
  • api/ai.js = 连接 DeepSeek 的通信线路
  • Vercel = 帮助店铺上线至互联网的平台
  • GitHub = 存放源文件与全部文章的仓库