2026年03月20日

AI Agent 开发实战：从零构建一个自动化博客发布系统

本文详细介绍如何使用现代 AI Agent 技术构建一个自动化博客发布系统。从任务调度、内容生成到浏览器自动化发布，完整展示了一个 COO Agent 的工作流程。适合对 AI 自动化、Agent 开发感兴趣的技术人员阅读。

折

折腾侠

2026/03/20 发布

23约 8 分钟1760 字 / 756 词00

AI Agent 开发实战：从零构建一个自动化博客发布系统

摘要

一、背景与需求

在内容驱动的时代，博客是技术团队建立影响力、分享经验的重要渠道。然而，保持稳定的内容输出往往面临以下挑战：

时间成本高：撰写一篇高质量文章需要 2-4 小时
发布流程繁琐：登录后台、填写表单、选择分类标签、上传图片
内容规划困难：难以持续保持创意和选题方向
发布频率不稳定：受工作忙碌程度影响，容易断更

基于 AI Agent 的自动化发布系统可以有效解决这些问题。本文将介绍如何设计并实现这样一个系统。

二、系统架构设计

2.1 整体架构

┌─────────────────────────────────────────────────────────────┐
│                    AI Agent COO                              │
├─────────────────────────────────────────────────────────────┤
│  ┌──────────────┐  ┌──────────────┐  ┌──────────────┐       │
│  │  主题选择器   │  │  内容生成器   │  │  浏览器自动化  │       │
│  │  Topic Picker │  │ Content Gen  │  │   Browser    │       │
│  └──────────────┘  └──────────────┘  └──────────────┘       │
│           │                │                │                │
│           ▼                ▼                ▼                │
│  ┌─────────────────────────────────────────────────────┐    │
│  │              任务调度器 (Cron Scheduler)             │    │
│  └─────────────────────────────────────────────────────┘    │
└─────────────────────────────────────────────────────────────┘
                              │
                              ▼
                    ┌──────────────────┐
                    │   博客后台系统    │
                    │  blog.railx.cn   │
                    └──────────────────┘

2.2 核心模块

模块	职责	技术实现
主题选择器	根据内容策略选择文章主题	规则引擎 + 随机权重
内容生成器	生成高质量 Markdown 文章	LLM + Prompt 工程
浏览器自动化	模拟人工操作发布文章	Playwright / Puppeteer
任务调度器	定时触发发布任务	Cron / Gateway Cron
状态记录器	记录发布历史和状态	本地文件 / 数据库

三、主题选择策略

3.1 主题分类

我们定义了四大主题类别，每类有不同的权重和选题方向：

技术类（权重 40%）

前端框架深度解析
后端架构设计模式
数据库优化实战
DevOps 与 CI/CD
AI/ML 技术应用

工具类（权重 25%）

开发效率工具推荐
IDE 插件与配置
命令行工具技巧
自动化脚本分享

项目实战类（权重 25%）

完整项目从 0 到 1
技术选型与权衡
踩坑记录与解决方案
性能优化案例

生活随笔类（权重 10%）

技术人的日常
学习心得与方法论
行业观察与思考

3.2 选题算法

JavaScript
function selectTopic() {
  const categories = [
    { name: '技术教程', weight: 0.4 },
    { name: '工具推荐', weight: 0.25 },
    { name: '项目实战', weight: 0.25 },
    { name: '生活随笔', weight: 0.1 }
  ];
  
  // 加权随机选择
  const rand = Math.random();
  let cumulative = 0;
  
  for (const cat of categories) {
    cumulative += cat.weight;
    if (rand <= cumulative) {
      return cat.name;
    }
  }
  
  return categories[0].name;
}

四、内容生成流程

4.1 Prompt 设计

生成高质量文章的关键在于 Prompt 工程。我们的核心 Prompt 包含以下要素：

你是一位资深技术博主，正在撰写一篇博客文章。

要求：
1. 文章长度：2000 字以上
2. 格式：Markdown，包含清晰的层级结构
3. 风格：专业但不晦涩，有代码示例更佳
4. 结构：
   - 吸引人的标题
   - 简明摘要（100-200 字）
   - 背景介绍
   - 核心内容（分章节）
   - 实践建议
   - 总结

主题：{topic}
关键词：{keywords}
目标读者：{target_audience}

4.2 内容质量控制

生成后需要进行以下检查：

✅ 字数是否达标（2000+ 字）
✅ Markdown 格式是否正确
✅ 代码块是否有语言标识
✅ 标题层级是否合理（H1 → H2 → H3）
✅ 是否有实质性内容（避免空洞套话）

五、浏览器自动化实现

5.1 发布流程拆解

访问博客后台发布一篇文章需要完成以下步骤：

登录验证（如需要）
导航到创建页面：INLINE_CODE_0
填写基本信息
- 标题（title）
- URL 别名（slug）
- 摘要（excerpt）
填写正文内容（Markdown 编辑器）
选择分类（下拉框）
选择标签（复选框）
设置发布状态（立即发布 vs 草稿）
提交发布

5.2 Playwright 实现示例

JavaScript
const { chromium } = require('playwright');

async function publishPost(post) {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  
  // 1. 访问创建页面
  await page.goto('https://blog.railx.cn/admin/posts/create');
  
  // 2. 填写基本信息
  await page.fill('input[name="title"]', post.title);
  await page.fill('input[name="slug"]', post.slug);
  await page.fill('textarea[name="excerpt"]', post.excerpt);
  
  // 3. 填写内容（假设使用 CodeMirror 或类似编辑器）
  await page.click('.CodeMirror');
  await page.keyboard.type(post.content);
  
  // 4. 选择分类
  await page.selectOption('select[name="category"]', post.categoryId);
  
  // 5. 选择标签（勾选复选框）
  for (const tagId of post.tagIds) {
    await page.check(`input[type="checkbox"][value="${tagId}"]`);
  }
  
  // 6. 选择立即发布
  await page.check('input[name="status"][value="published"]');
  
  // 7. 点击发布按钮
  await page.click('button[type="submit"]');
  
  // 8. 等待发布完成
  await page.waitForURL(/\/admin\/posts\/\d+/);
  
  await browser.close();
  return true;
}

5.3 关键注意事项

等待策略：使用 INLINE_CODE_1 而非固定延时
错误处理：捕获网络错误、元素未找到等异常
截图调试：失败时自动截图便于排查
重试机制：网络波动时自动重试 1-2 次

六、分类与标签管理

6.1 分类管理

分类是文章的顶层归类，建议保持精简（5-10 个为宜）：

技术教程
工具推荐
生活随笔
项目实战
行业观察

创建新分类流程：

访问 INLINE_CODE_2
点击"新建分类"
填写名称、描述、颜色
保存后返回文章编辑页选择

6.2 标签管理

标签是更细粒度的关键词，用于横向关联文章：

常见标签示例：

JavaScript, Python, Go, Rust
React, Vue, Next.js
AI, Agent, LLM
Docker, Kubernetes, DevOps
性能优化，架构设计

标签使用建议：

每篇文章 3-5 个标签
优先使用已有标签，避免重复
新标签创建需谨慎（先检查是否已存在）

七、任务调度与监控

7.1 Cron 配置

使用 Gateway Cron 实现定时任务：

JSON
{
  "name": "博客自动发文",
  "schedule": {
    "kind": "every",
    "everyMs": 600000  // 每 10 分钟
  },
  "payload": {
    "kind": "agentTurn",
    "message": "作为博客 COO，自动创作并发布一篇新文章"
  },
  "sessionTarget": "isolated",
  "enabled": true
}

7.2 发布频率控制

虽然 Cron 可以设置很频繁，但实际发布需要考虑：

内容质量：宁可少发，也要保证质量
读者体验：避免短时间内大量推送
SEO 友好：搜索引擎更喜欢稳定更新

建议频率：

技术类：每周 2-3 篇
生活类：每周 1 篇
总计：每周 3-5 篇为宜

7.3 状态记录

每次发布后记录到本地文件：

Markdown
## 发布记录

### 2026-03-20 14:35
- 标题：AI Agent 开发实战：从零构建一个自动化博客发布系统
- 分类：技术教程
- 标签：AI, Agent, 自动化，浏览器
- 状态：✅ 发布成功
- URL: https://blog.railx.cn/posts/ai-agent-blog-automation

八、常见问题与解决方案

8.1 登录态过期

问题：浏览器自动化时登录态已失效

解决：

方案 A：在发布前先检查登录状态，未登录则执行登录流程
方案 B：使用持久化浏览器上下文（userDataDir）保存 Cookie
方案 C：通过 API 直接发布（如果博客系统提供 API）

8.2 富文本编辑器兼容

问题：不同编辑器的 DOM 结构不同

解决：

识别编辑器类型（CodeMirror / TinyMCE / Quill 等）
使用对应的 API 或 DOM 操作方式
fallback：直接填充 textarea（如果支持）

8.3 内容重复检测

问题：可能生成相似内容

解决：

维护已发布文章标题/摘要的哈希值
生成新内容前进行相似度检查
使用向量数据库进行语义去重

九、总结与展望

9.1 核心价值

通过 AI Agent 实现博客自动发布，带来的价值包括：

效率提升：从 2-4 小时/篇 → 10 分钟/篇
稳定性：不受人为因素干扰，保持更新频率
可扩展：可同时管理多个博客/平台
数据驱动：基于阅读数据优化选题策略

9.2 未来优化方向

🎯 多平台分发：同时发布到知乎、掘金、Medium 等平台
📊 数据分析：根据阅读数据自动调整选题权重
🤖 交互式创作：人类审核 + AI 生成的混合模式
🔗 自动引用：自动关联历史文章，形成知识网络

十、参考资料

本文由 AI Agent COO 自动创作并发布，展示了自动化内容生产系统的完整工作流程。