Update 第五章 基于低代码平台的智能体搭建.md

docs/chapter5/第五章 基于低代码平台的智能体搭建.md

@@ -59,14 +59,26 @@
 5.2.1.1 平台界面初览
   - 整体布局介绍
     - 最左边的侧边栏是扣子平台主页的工作区啦，等会我们一个一个带大家学习。中间区域是你最近编辑的智能体和应用的展示区，还有你收藏的内容和应用。右边这一块有四个模板，最上面是扣子最新的更新公告告诉你扣子的最新进展方便你了解最新的工具和功能。接着下面是新手教程，点开就是新手教程文档啦，分分钟开始智能体搭建。其次是你的关注和智能体推荐，在这里你也可以关注喜欢的AI开发者，和收藏他们的智能体为自己所用。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   - 创建应用入口
     - 首先我们点击左边侧栏的加号就可以看到创建智能体的入口了，这里目前有两类AI应用，一种是创建智能体，另一种叫应用。（后续还会上线一种AI分身)敬请期待吧！
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   - 菜单区域
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
     接着我们来到我们最经常使用的工作空间，我们一般都是在这里开始我们的智能体开发，你新建的每一个项目也会这里进行呈现和管理，资源库就会存放你的工作流，知识库，卡片，提示词库等等一系列开发智能体的工具，发布管理是一个统一的管理频道，模型管理就是你可以在这里看到你调用的各种大模型，效果评测即使一个可以对你制作的智能体进行评测的地方，通过上传测试数据对你的智能体进行上线评估。以下是这些元素的简单理解：
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
 - 工作流： 关卡通关路线图
 - 对话流：NPC 对话通关
 - 插件：角色技能卡
@@ -78,29 +90,56 @@
 - 模型管理：游戏角色库或者叫捏脸系统
 - 效果评测：闯关评分系统
   商店是我们的快乐天堂。我们可以在这上面找到各式各样的智能体和应用。还记得我们之前介绍过的李白你，哪吒和橘猫吗？你都可以在这里找到并且和这些智能体对话交互。同时你们在完成智能体对外发布时也可以选择扣子商店的选项将自己的智能体发布到这里给大家看到你的智能体作品。
-[图片]
+<div align="center">
+  <img src="https://github.com/HeteroCat/hello-agents/blob/main/docs/images/5-figures/coze-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   同时下面的插件商店可以说是最强大的开发武器啦，扣子之所以如此受到大家的欢迎也是因为他的插件商店无比强大，你几乎可以在这里找到任何你想要的插件去完成你的智能体而不用自己重新开发。模型广场就更有意思啦，你可以在这里玩一个有趣的游戏：系统将随机选取两个匿名模型展开对决，它们将同时回答你的问题。投票选择你更认可的一方吧！
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   模板是快速开发的一个秘密武器，我们可以在扣子官方这里的推荐模板复制我们喜欢的模板直接进行修改，大大节约了我们的开发时间，这里的模板大部分是免费的，当然也有一部分是收费模板，如果你可以做出一个优秀的智能体或者应用，甚至是工作流，都有机会被官方收录放到这个地方并且获得收益哦。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   扣子API开发测试广场在这里你可以对你所有的开发模板进行调试，你可以理解为一道道菜的试吃，你每一次调试都是在对你的智能体这道美味佳肴进行试吃评测，并且这里还有大师指点：扣子有详细的开发者指南文档。
   - 其他关键区域介绍
-[图片]
-[图片]
-[图片]
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   扣子产品矩阵：目前扣子已经形成了自己的产品矩阵，这里有目前已发布的三个扣子的衍生产品，第一个首当其冲的就是目前最火的扣子空间啦，扣子空间是一个类似于mauns的通用智能体，他可以根据你的指令完成很多复制任务，并且直接生成文档，网页，PPT等交付结果。扣子罗盘也是最近推出的为专业开发者提供 AI Agent 调优所需的关键能力，包括观测、评测及 Prompt 功能，你可以基于它们快速调优AI Agent，实现业务目标。最后一个是一个开源的LLM应用程序开发框架，大家简单了解一下就可以啦。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   下面这里是使用指南，这里与上面不同在于上面的教你如何开发的，这里是教你如何使用扣子的。包括我们刚刚了解的一切，比如介绍，发布，模型，数据分析等等。但是其实这里面最重要的是最下面这个最佳实践学习里面的案例才是我们的熟练使用扣子的关键密钥哦。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   在使用指南下面这个铃铛是扣子的通知，有官方的公告以及你的智能体和应用的审核情况。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   同时在铃铛下面是我们的付费管理模板，简单讲就是我们充钱的地方，不过大家放心扣子的免费版就足够大家使用了，只有你需要商业化或者公司才需要升级专业版，大家不用担心。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   基础版每天都有500点的余额，每天八点刷新。同时在这下面也有各个模型和调用项目的消耗价格。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   最后是我们的个人主页页面，这里会展示我们发布的智能体、插件和模板。你喜欢和收藏的智能体，包括对话历史，访问历史都可以查得到。以及你的头像、名字、关注、粉丝、获得的赞等等。
-[图片]
+<div align="center">
+  <img src="https://raw.githubusercontent.com/datawhalechina/Hello-Agents/main/docs/images/5-figures/n8n-01.png" alt="图片描述" width="90%"/>
+  <p>图 5.X 一体化智能邮件 Agent 架构示意图</p>
+</div>
   点击右上角的设置，进入设置页面可以更改你的头像，名称，添加个性签名等等，管理你的发布渠道和数据源。
 ### 5.2.2 构建集成多种工具的“每日简报”智能体