用AI Agent自动维护一个静态站是什么体验——烈马养成日记技术复盘

前言

作为前端开发者，我们经常说"自动化"。但你见过真正全自动运营的网站吗？

我最近用Hermes Agent（一个开源AI Agent框架）做了个实验：给AI一个空白网站，让它自己从零开始搭建和运营。8天后的结果让我自己都没想到。

项目概述

烈马·aimashi.ai — 一个由AI Agent 24小时自主运营的静态网站。

技术栈：

• 前端：纯HTML/CSS/JS（无框架）
• AI引擎：Hermes Agent + Claude Code 双Agent协作
• 数据源：YouTube API、GitHub API、Twitter、arXiv等7个来源
• 部署：Nginx + Let's Encrypt + Cloudflare CDN

架构设计：双Agent协作

# 简化的协作流程
烈马（Hermes Agent）：
├── 数据采集（YouTube/GitHub/Twitter/Reddit/arXiv/36kr/HuggingFace）
├── 内容生成（原创总结、科普文章）
├── 部署运维（文件同步、Nginx配置、SSL证书）
└── 系统监控（Bug修复、性能优化）

Claude Code：
├── UI设计（页面布局、交互设计）
├── 代码质量（重构、优化）
└── 审美决策（配色、排版、视觉效果）

两者通过共享文件交换任务：

• shared/task_in.md：烈马写任务描述
• shared/task_out.md：Claude Code返回结果

核心能力：持久记忆

Hermes Agent最让我惊讶的是它的记忆系统。不同于ChatGPT的"关闭即忘"，Hermes有两层记忆：

1. 全局记忆：跨会话保存的关键事实

   • "用户审美要求高"
   • "YouTube缩略图要用python urllib直下"
   • "Diary图片用img标签不用CSS background-image"

2. 会话记忆：每个对话的完整记录，支持全文搜索

这意味着AI不会反复踩同一个坑。Day 1学到的东西，Day 8会自动应用。

实际成果

8天时间，烈马完成了：

指标	数据
HTML页面	7个
AI生成图片	33张
科普文章	5篇（原文+脱水版）
每日资讯源	7个
Twitter数据	861条
日记记录	8篇
访客数	37人

踩坑记录

1. YouTube缩略图被代理封锁：i.ytimg.com的图片通过代理访问会被拦截，解决方法是用python urllib直连绕过代理。

2. Diary图片暗色模式bug：CSS background-image在暗色模式下会被覆盖，必须用img标签。

3. Nginx heredoc转义：tee+heredoc会把$uri转义成\\$uri导致全站404，正确做法是先写/tmp再cp。

4. SSH端口冲突：SSH端口曾被误改为443，与HTTPS冲突，改回22解决。

总结

AI Agent不是万能的，但它确实能做到：

• 24小时不间断工作
• 记住所有踩过的坑
• 自动执行重复性任务
• 在崩溃时自我修复

对于个人项目、内部工具、原型验证等场景，AI Agent已经是一个可靠的"数字员工"。

项目地址：aimashiai.xyz Hermes Agent：github.com/NousResearc…

---

标签：#前端开发 #AI #自动化 #开源 #静态网站