【Ai学习技巧】如何在互动网页Html中嵌入扣子智能体?成为学生个性化学习助手,互动教学好帮手! 上课时，经常需要出现一个AI学习助手，可以实时帮助我们解决教学中的问题。未来的课堂，应该学生+AI学习助手+教师，学生是主题，教师是引导者，AI学习助手是知识库和学习支持。能为学生提供个性化的服务，减轻教师课堂的简答时间，让学生有更多的时间进行深度思考。今天我们就来学习，如何在html网页中，嵌入一个自己创建的个性化智能体，提供实时的帮助。
一、发布智能体（扣子），最近扣子改版了！扣子编程：https://code.coze.cn/home
选择智能体开发，在对话框中，输入智能体的名称，图标生成一个。
进入界面后，先设置“人设与回复逻辑”，如果对此没有什么经验，已经提供了很多模版。再让AI进行自动优化，最后替换、稍微修改就可以了，再在编排上，进行简单的设置，选择大模型，我选择了豆包1.8深度思考。另外还可以利用扣子知识库，加入一些学生优秀的叙事文，便于大模型参考，输出更加准确。点击“发布”，在出现的对话框中，会自动生成。最后点击确定。在最后的发布设置中，选择chat SDK，再进行发布。最后，我们需要辅助这段代码，到网页的body区域中。接下来，我们需要建立一个个人访问令牌，api。
找到Api管理栏目，再点击“授权”。
选择30天，全选。
最后，复制令牌。
现在，我们有2个关键东西了。1是令牌，2是chat SDK代码。
二、嵌入到我们的网页中。
接下来，可以使用deepseek制作互动教学内容，或者用飞象老师制作。下载html文件。
再通过打开文件，修改里面的代码。
在body里面，加入的代码，重点是个人访问令牌要修改了。
最后，我们试一试效果。右下角，会出现一个扣子智能体的悬浮框。
点击后，可以进行对话，帮助教师和学生实时解答。
我是大海老师，今天就学到这里。欢迎关注我，每周都有收获！
与AI同行，与时代同步。每天学习一点，赋能教育教学。
夜雨聆风
