这是我关于“Agent”实战经验分享文章的第28篇，如果你对"Agent-智能体"感兴趣，想要从入门到进阶逐步提升，那么这个系列文章正好适合你，关注“AI实战前沿”，阅读关于Agent的所有文章。
上篇分享了扣子卡片的使用方法
这篇将实操用coze的卡片功能打造一个知乎热榜助手！
案例效果展示
Bot输出的知乎热榜信息显示效果如下图所示：
这个案例使用的卡片是自己创建的，卡片的核心功能是让coze的输出更加美观，让使用者可以通过布局和组件功能，像搭积木一样去设计不同的输出风格。
下面是创建过程。
卡片创建
1.创建卡片
登录扣子官网→点击“个人空间”→点击“卡片”→点击“创建卡片”
2.设置布局
在卡片设置界面，点击左上角修改图标，设置卡片名称→点击“组件”，弹出组件添加界面。
组件分为布局组件和基础组件，布局组件主要是用于调整卡片整体布局；基础组件是具体的展示信息的类型。下图左侧为布局组件，右侧为基础组件。
3.添加组件
单击“多列布局1:2”添加布局组件
点击左侧方框（下图红色方框位置）→再点击图片组件→图片组件添加成功
点击右侧方框→再点击文字组件→文字组件添加成功→重复操作添加第二个文字组件
点击文本组件，在右侧设置栏点击“+”，将数字调整为5，整体效果符合预期，组件添加完成。
点击卡片→再点击结构，可看到当前卡片的结构，如下图：
4.创建变量
卡片数据是由变量来传递的，所以每一个组件背后都需要链接一个变量，这些变量来源于一个热榜数组变量。点击“变量”→点击“创建变量”→输入变量名称、变量类型和变量默认值→点击“确认”
变量默认值部分涉及三个变量，完整代码如下:
5.绑定变量
如下图所示：点击“卡片”→点击“结构”→点击最外层组件→点击高级配置的“循环渲染”开关→点击绑定数组类型变量的下拉箭头→选择“热点列表”变量
可以看到上图组件编排区域出现了三条数据，与我们设置的变量数量上是完全对应的。接下来我们依次绑定三个基础组件的变量。
图片组件：如下图所示，点击图片组件→点击资源右侧的“（x）”→点击“热点列表”变量→点击“item”→点击“image”
文本组件1：如下图所示，先点击文本组件，然后点击“（x）”，最后点击“title”变量
文本组件2：如下图所示，按照文本组件1的方式添加变量“summary”
全部设置完成如下图所示：
至此卡片制作完成。
6.保存模板
为了方便下次调用，建议保存卡片模板。点击卡片编排区域底部小正方形→输入模板名称→点击右下角”保存“
点击右上角“预览”，查看卡片web页和手机页展示效果，如有不完善的地方，再返回调整对应参数。
7.发布卡片
如下图所示，点击右上角：”发布“，设置发布平台，目前卡片仅支持豆包和飞书使用，然后点击“确认”，即可完成发布。
创建Bot
1.添加插件
登录coze平台→点击“创建Bot“→按下图输入对应Bot设置→点击”确认“
在Bot编排界面，点击插件右侧“+”，搜索输入关键词“知乎”，点击插件右侧下拉箭头，在“get_hot_list” API函数右侧点击“添加”
插件添加成功后，点击”绑定卡片数据“图标
2.配置卡片
如下图所示，在Bot回复卡片配置界面，点击“我的卡片”→点选卡片模板→为卡片绑定数据源→点击右下角“确认”。
3.测试迭代
在预览与调试对话框，输入“知乎热榜信息”，返回结果如下图所示
4.发布Bot
如下图所示设置快捷指令（此步骤非必须），点击“确认”
再点击Bot编排界面右上角发布即可。
总结
本文通过使用coze卡片功能搭建了知乎热榜助手Bot，实际输出效果达到了预期，卡片的使用步骤包含设计卡片布局，配置变量和绑定卡片三个核心步骤。配置变量部分相对较难，如果自己不会写，可以参照coze官方提供的卡片模板中的变量写法。
如果文章能给你一些收获，麻烦点赞、关注，支持以下，方便第一时间收到更新文章.
如果你有什么新的玩法，欢迎留言交流啊。
