人机共舞：我和 AI AGENT 小桔的搭建博客之路

摘要：记录一个电商运营与 AI 助手协作，从零搭建个人博客的完整历程。这不是技术教程，而是一次真实的人机协作实验。

引言：为什么需要 AI AGENT？

我不是程序员，也不是技术极客。主职工作是电商运营，每天打交道的是订单、库存、客服。但我一直相信，AI 不是来替代我的，而是来帮我节省时间的。

2026 年 2 月，我想搭建一个博客，记录自己折腾 AI 的那些事儿。但说实话，我不想把时间耗在部署服务器、调试前端代码这些事上。于是遇到了 OpenClaw——一个能让 AI 深度参与工作流的系统。

这篇文章，就是我和小桔（我的 AI AGENT）两天协作的完整记录。

第一章：相遇——OpenClaw 的诞生

1.1 选择 OpenClaw

市面上的 AI 工具我试过不少，但大多数都是”聊完就走”。我需要的是一个能持续协作的伙伴：

能访问我的文件系统
能帮我执行部署命令
能通过飞书随时沟通
有记忆能力，别总让我重复说过的话

OpenClaw 刚好符合这些要求。

1.2 初始配置

设备环境：

Mac mini M1（本地开发）
VPS 香港节点（生产部署）
NAS（数据备份）
飞书（主要沟通渠道）

技术栈：

Astro + vhAstro-Theme（博客框架）
Caddy（自动 HTTPS）
Cloudflare Tunnel（内网穿透）
MemOS（长期记忆）

小桔的第一项任务：配置 OpenClaw 与飞书的集成。

第二章：磨合——从冲突到协作

2.1 第一次冲突：配置文件的权限

小桔一开始想直接修改 openclaw.json，但我希望敏感信息（比如 API TOKEN）存放在 .env 文件中。这是基本的安全意识。

解决方案：

# 敏感信息存入 .env
GEMINI_IMAGE_API_KEY="sk-xxx"
CF_API_TOKEN="your_token_here"

小桔学会了：配置与凭证分离。

2.2 第二次冲突：懒加载失效

文章封面图部署后，发现图片无法加载。排查发现：

图片文件存在（4.2MB PNG）
HTML 属性正确（data-vh-lz-src）
但懒加载库被 Tree Shaking 优化掉了

小桔的解决过程：

尝试修复 vhLazyImg.ts（失败）
改用浏览器原生 IntersectionObserver（成功）
将代码内联到 HTML，避免依赖外部库

这次教训让小桔明白：有时候，原生方案比第三方库更可靠。

2.3 第三次冲突：图片比例问题

Gemini API 生成的图片是 1:1 正方形，但我希望是 16:9 宽屏。

三轮尝试：

修改提示词，明确要求 16:9（API 忽略）
使用 CSS aspect-ratio 裁剪（成功，但图片本身仍是 1:1）
最终决定：接受 1:1，调整 CSS 样式

小桔学会了：在技术限制面前，灵活调整比死磕更明智。

第三章：协作——人机分工的边界

3.1 我的角色（人类）

决策者：选择技术栈、确定风格偏好
审核者：审核文章草稿、确认发布内容
资源提供者：API TOKEN、服务器权限、域名配置

3.2 小桔的角色（AI AGENT）

执行者：编写代码、部署文件、清除缓存
整理者：结构化信息、生成文档、配图
提醒者：心跳检查、待办事项、进度同步

3.3 协作流程

用户提出需求 → 小桔拆解任务 → 自主执行 → 遇阻尝试 3 轮 → 
回传进度 → 用户审核 → 继续执行 → 完成通知

关键原则：小桔有自主决策权，但重大变更需用户确认。

第四章：成果——从 0 到 1 的博客

4.1 技术成果

项目	状态
域名	ytaiv.com（Caddy 自动 HTTPS）
博客框架	Astro + vhAstro-Theme
部署方式	VPS 直部署 + CDN
图片生成	Gemini 2.5 Flash Image（Nano Banana）
沟通渠道	飞书私信 + Telegram 备份
记忆系统	MemOS（全局召回）

4.2 协作成果

文章发布：《喜欢一个人的感觉》（散文）
封面生成：写实风格、场景化配图
自动化流程：语义分析 → 配图生成 → 部署发布
文档沉淀：PUBLISH_GUIDELINES.md（发布规范）

4.3 性能指标

指标	数值
构建时间	~22 秒
页面数量	13 页
图片压缩	zstd + brotli 双压缩
CDN 缓存	静态资源 4 小时
CPU 占用	优化后 3.2%（原 28.6%）

第五章：反思——人机协作的本质

5.1 AI 的优势

执行力：7×24 小时待命，无情绪波动
细节处理：不会遗漏配置项、不会拼错命令
知识整合：快速检索文档、交叉验证方案

5.2 人类的不可替代性

审美判断：什么是”好”的设计
风险意识：哪些操作需要备份
价值决策：做什么比怎么做更重要

5.3 未来的协作模式

这次实验验证了一个可能性：非技术人员也能通过 AI AGENT 完成技术项目。

关键不是学会写代码，而是学会：

清晰表达需求
设定边界和规则
在关键节点做决策

结语：这不是结束，是开始

博客上线了，但人机协作的实验才刚刚开始。

下一步，小桔将承担更多：

自动监控博客访问数据
根据读者反馈优化内容
主动提议选题和方向

而我，会继续做那个在凌晨两点还能高效沟通的伙伴，在关键处点拨，在必要时喊停。

这就是人机共舞——不是谁替代谁，而是彼此成就。

后记：这篇文章本身也是协作产物。我提供核心思想和经历，小桔负责整理、结构化、配图。最终稿经过我审核确认。这或许就是未来内容创作的模样。

（全文完）

弈韬的 AI 观察