AI新闻卡片

本篇带大家实操如何建立一个专属的AI新闻卡片。后续可以将Coze机器人的新闻的标题、URL、发布时间、内容摘要集中展示到卡片中。下边我们一步步实现如何建立AI新闻卡片。

制作消息卡片

1. 登录https://www.coze.cn/
2. 在左侧导航栏的团队空间或者个人空间找到卡片项。

点击卡片图标，页面将跳转至卡片编辑页面。卡片平台支持豆包和飞书，在一个平台建立的卡片，在另一个平台默认不存在。这里我们选择在豆包平台建立卡片。

在页面左侧的 卡片 页签内，选择模版布局或者自行拖拽组件构建卡片，其中组件支持设置样式与内容。

• 模版：双击使用模板，你可以参考模板构建属于你的卡片。
• 组件：通过拖拽布局组件和基础组件，自定义卡片内容。
• 结构：以导航树的形式查看或调整组件布局。
  接下来我们自定义创建属于我们风格的卡片。我们想做一款新闻卡片，能展示每一条新闻的标题、发布时间、URL、内容概要信息。
  我们没有直接选择模版，而是通过选择组件来构建，选择布局版式，这里我们选择 组件->单列布局，用于作为卡片的整体轮廓。

基础组件中，设置卡片内部的信息子栏，含标题、发布时间、URL、内容概要，
这里没有选择 The title组件作为标题栏，是因为这个组件无法被拖动。选择基础组件->The plain text。

点击The plain text组件后，默认效果如下图所示：

需要手动拖动到Column下一级，效果如下：

选中The plain text组件，点击右侧的复制图标

继续点击复制图标

为了效果好看，我们还可以在文字上下分别添加分割线组件

设置变量

编辑单列布局
将循环渲染开关打开，作用是使得组件会循环显示。绑定前边一步创建的数组类型变量。

编辑文本
关联变量数据

关联后为

还可以设置文本的颜色，大小，对齐方式等

我们如果想将标题和新闻URL关联，可以设置如下点击事件

同理按照一样的方法，将下边两个文本组件绑定time和content两个变量。

设置卡片的卡片信息头。

从基础组件中添加Tag标签

右上角Tag

左下角Tag

我们还可以设置卡片的背景为心仪的图片。
在结构页签，点击Card项，在右侧的编辑卡片，点击资源，即可通过从本地上传图片的方式，来上传用来做背景的图片。这里我们选了一个浅黄色的纯色背景图

卡片制作好，可以点击卡片编辑页面右上角的发布按钮进行发布。

添加消息卡片

Coze 支持 Bot 以消息卡片的形式发送消息。按照以下步骤，为工作流或插件的输出消息配置消息卡片。

1. 登录https://www.coze.cn/
2. 在左侧导航栏的团队空间或者个人空间找到Bots项。
3. 在 Bots 页面，选择需要添加消息卡片的 Bot。
4. 在 Bot 编排页面，找到 插件 或 工作流。
5. 单击 绑定卡片数据 图标
   在Bot 回复卡片配置对话框，可以选择Coze 提供的官方卡片，或创建自定义卡片。

由于官方提供的卡片样式较少，我们选择创建的自定义卡片。
接下来需要为自定义卡片绑定数据源，需要从数据源获取标题、url、发布时间、内容摘要信息。

好了，本篇先介绍这么多，下一篇带大家建立一个AI新闻机器人，并且将新闻数据对接到这里的AI新闻卡片中展示出来。

关注爽姐

如果你想跟随爽姐一起探索AIGC提效工具及其创新玩法，深入挖掘AI编程与AI智能体的奥秘，可扫描下方二维码图片添加爽姐微信，爽姐免费送你一套AI资料图片，还可加入AI探讨群，跟众多志同道合的小伙伴一起交流。