 现在已经上线了，和它原来的兄弟站 

 摆在一起，对比一目了然。借着这次"能对比了"的节点，我把整个改造过程记录下来——它不是一篇技术教程，而是一份真实的过程记录：一个对 TypeScript 几乎零基础的人，是怎么在 WorkBuddy 的帮助下，把一个 Hugo 静态站重做成带 API、带 LLM 精选、能自己跑在云服务器上的 Next.js 聚合站。

从"一个每天更新的静态简报页"，变成了"一个有数据接口、能自动精选、能后台运营的独立产品"。

这次重构的起点是看到AI HOT站点 

，突发奇想，是不是可以让 WorkBuddy 帮忙“复刻”一下。

说干就干，让 WorkBuddy 分析下这个网站的接口和结构设计，居然很快整理出了对应的技术栈（Next.js App Router + MongoDB + EdgeOne CDN + nginx）、公开 API 端点（

 下的 items / daily / dailies / img-proxy，带 HMAC 签名）、页面结构（首页精选流 / 全部动态 / 日报 / 详情 / 接入文档 / 19 个主题页）、五大版块（ai-models / ai-products / industry / paper / tip），甚至连它的精选算法（Claude Fable 5 做摘要和打分）、安全机制（EdgeOne JS Challenge + UA 黑名单 + 分层限流）都整理成了分析报告。

然后继续让 WorkBuddy 干活，以分析出来的架构为蓝本，给 

换句话说，我从一开始就不是在"从零发明"，而是在"照着一个跑得通的成熟架构，改出自己的版本"。这对新手极其重要——

你不需要先想清楚架构，先找一个对的参考对象，让工具帮你拆。

 的技术栈、API 端点、页面结构与安全机制——右侧面板同步写入当天工作日志。

重构是使用 TypeScript 完成的，但我不会这个语言。这是整件事里最违和、也最关键的一点。

——纯纯的 TS 项目。而我个人的 TS 水平，大概等于"知道 

 尖括号是干啥的，但让我自己写一个 client component 的 hooks 顺序，我必翻车"。

但有了 WorkBuddy，这个不是问题。比如 7 月 11 号修过这么一个 bug：退出登录时报 

 之前插了一个 early return，导致登录页和其他后台页走的 hook 数量不一致——这是 React/TS 里非常典型的坑。我看到的就是"退出登录报错了"；WorkBuddy 定位到是 hooks 顺序问题，把 early return 挪到所有 hook 声明之后，修好了。

再比如这五天里我下过的指令，全是这种大白话：

- "设计一个图标，更新到网站上。"

- "管理后台新增 nginx 日志解析分析工具。"

- "修复 24h 趋势图没有数字，坐标轴是空的。"

。WorkBuddy 把我这些口语化需求，翻译成了 

 这种具体文件。虽然最后代码提交的作者写的是我，但真正"写代码"的是 WorkBuddy。

在 WorkBuddy 干活的过程中，我也发现一个有趣的情况：

每次编译都删掉一两百个文件，这种"频繁创建又删除"正常吗？会不会把我的磁盘写坏？

图：7 月 11 号某次重新编译后，整个 

 目录被清空、成批丢进废纸篓——204 个文件、61 个文件夹、1.9 MB。第一次看到这阵仗，我有点慌。

后来通过和 WorkBuddy 讨论弄明白了，这其实是 TS / Next.js 开发的日常，

所以结论很朴实：别怕它删，那是它在"重新生成"，不是"在磨损你的电脑"。我当时那个担心，算是新手特有的、可爱又多余的焦虑——但这个问题本身，恰好说明了一个不会 TS 的人，第一次接触时的真实反应。

第二个违和点：我审美一般。但好在我至少"能看出哪里不对"，或者说我知道自己预期的样子是什么，而这对于 WorkBuddy 就足够了。

最典型的例子是站点的 favicon。来来回回改了三轮：先做了"h + 右上角星点"；我觉得要体现"聚合"，让 WorkBuddy 改成"3 个信源小点汇流到 h"；结果看预览后又说"改回原来只有一个点的"——于是又回退。整个过程我全靠"看预览、说感觉"，让WorkBuddy 生成 SVG 图标。

还有后台那个 24h 访问趋势图：第一版只有悬停才显示数字、坐标轴是空的，我说"没有数字，坐标轴是空的"，WorkBuddy 就给每根柱子加了数值、补了 Y 轴峰值刻度和 X 轴时间刻度。

这给我的启发是：有了 WorkBuddy，我不需要成为设计师，只需要能分辨"顺不顺眼"并把需求说清楚就可以。WorkBuddy 可以把"高级一点 / 别这么挤 / 坐标轴补上数字"翻译成具体改动，我只负责做最后的验收，比如在每次预览后说"还差点意思"或"就这个"。

Hy3 的免费周期：让我敢反复试错

这次改造全程跑在 Hy3 新模型上，而且恰好赶上了它的

图：改造期间模型选择器显示 Hy3 正处于「限时免费」周期（费用倍率 0.00x）——免费期里直接跑，零犹豫

相比于其它模型的积分消耗，这个免费策略，让我可以大胆尝试。因为免费的周期把试错成本压到了零：

免费周期真正放大的不是"省钱"，是容错率。 高效推进项目，靠的就是"错了也不心疼"。

注意 7/13 日：部署是 WorkBuddy 通过 SSH 连到一台腾讯云服务器，自己写 Nginx 配置、systemd 服务、certbot 证书、crontab 定时采集，一步步把站跑起来的。我这边不是在本地点点鼠标，而是对着对话框说"部署到那台服务器"，剩下的 

回头看，这个项目能跑通，靠的是四件事叠在一起：

 给了现成可抄的架构，WorkBuddy 负责拆解和本地化。

2. Hy3 免费周期：给了随便试错的底气，favicon 能改三版、207 条能全量重打分。

3. WorkBuddy 把"写代码 + 修 bug + 部署"整套动作接住了：我只要动嘴说"想要什么""哪里不对"。

 博客保持不变。整个过程里，我个人贡献的"技术含量"接近于零，但"项目完成度"是百分之百。

写给和我一样的人，如果你也符合下面任意一条，建议按这条路试一次：

别等"学会了再动手"。趁 Hy3 这类模型还有免费周期、趁 WorkBuddy 这种工具已经能把"生成 → 修复 → 部署"打通，

先动手，边做边学，甚至不学也行

我就是活例子：不会 TS，但用 WorkBuddy 参考 

你要做的，可能只是先打开对话框，说一句：“帮我把这个站，照着那个参考站，改一版。”

ai.hackcv.com 现在已经上线了，和它原来的兄弟站 hackcv.com 摆在一起，对比一目了然。借着这次"能对比了"的节点，我把整个改造过程记录下来——它不是一篇技术教程，而是一份真实的过程记录：一个对 TypeScript 几乎零基础的人，是怎么在 WorkBuddy 的帮助下，把一个 Hugo 静态站重做成带 API、带 LLM 精选、能自己跑在云服务器上的 Next.js 聚合站。

WorkBuddy 五天重构博客小纪

# 从 hackcv.com 到 ai.hackcv.com：一个不会 TypeScript、审美也一般的人，用 WorkBuddy 五天把静态博客重做成 AI 聚合站

前端

开发工具

后端

"从Hugo静态博客到AI聚合站，5天零基础改造实战：借助WorkBuddy工具，无需TypeScript基础，参考aihot.virxact.com架构，将hackcv.com重构成Next.js驱动的AI精选平台。全程自动生成代码+云端部署，实现API接口、LLM内容精选和后台管理功能，完整记录技术小白如何快速打造专业级网站。"

日志分析

文件存储

数据接口

云服务器

TypeScript 

服务器

WorkBuddy 

数据库

MongoDB

EdgeOne

路由

ReAct 

Nginx

JSON

WorkBuddy企业版限时双倍 Credits 活动

workbuddy

热销域名限时优惠，新客首年免费！


domain

4核4G3M云服务器 新用户低至38元/年！

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

"从Hugo静态博客到AI聚合站，5天零基础改造实战：借助WorkBuddy工具，无需TypeScript基础，参考aihot.virxact.com架构，将hackcv.com重构成Next.js驱动的AI精选平台。全程自动生成代码+云端部署，实现API接口、LLM内容精选和后台管理功能，完整记录技术小白如何快速打造...

WorkBuddy 五天重构博客小纪

WorkBuddy 五天重构博客小纪

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐