实操：用Codex把公众号文章做成视频

海鱼星的荷花塘 2026年6月3日 14:06

我们经常看到B站讲解的PPT视频，其实可以用codex来制作。codex有很多好用的插件，其中HyperFrames插件就是开源的视频框架，它可以靠HTML、CSS 写代码，就能做画面、动画和分层。写完直接自动渲染成片。

一、安装插件

打开codex，点击插件

)

在design标签下，找到HyperFrames，点击后面的+号，注意安装插件需要你有代理，你可以看一下这个 亲测有效！Codex 登录 + 全功能解锁方法

)

点击安装

)

安装完

)

二、制作科普视频

我们先在电脑上新建一个文件夹，作为项目文件夹，这里我的项目文件夹是video，你可以新建一个你喜欢的名字，这个文件夹后续会保存我们的视频文件等。

)

在codex里选择添加新项目，选择使用现有文件夹

)

选择刚才新建的文件夹

)

这里使用计划模式，因为使用该模式，可以选择自己喜欢的方案，点击+号，点击计划模式

)

点击默认权限，选择自动审查

)

点击输入框下面的+号，点击插件，点击HyperFrames

)

当输入框里面，出现了带有图标的HyperFrames by HeyGen的时候，就说明插件已经成功调用了。

)

我让它生成一个我以前写的关于skill的文章， Claude Code 新手教程（五）：掌握核心 Skill，效率翻倍 输入提示词，你也可以根据你想要生成的文章，或者其他视频

使用HyperFrames by HeyGen制作一个视频，根据这篇文章https://mp.weixin.qq.com/s/PEbcvB_kR1dpVrcMjAHJCQ风格是科普动画，时长1分钟左右，16:9，并直接渲染导出MP4。

)

开始思考

)

询问如何获得文章内容，用已登录浏览器

)

执行计划，点击提交

)

我这里使用了chrom插件，让它来读取浏览器里的文章

)

但是它没有读取到文章内容，生成的视频也不对。发现我现在使用的是老版本，电脑控制功能windows系统已经支持了，打开微软商店搜索Codex，更新后，打开。

)

点击设置，

)

点击电脑控制，点击控制下的任意应用

)

这里出现问题我的chrome插件出现问题，重启codex不好用，重启电脑也不好用，没办完，我让它自己操作电脑，复制原文

)

它自己复制

)

原文保存下来了，这里插一句，电脑控制实在是太费token了，早知道我就自己复制全文了

)

执行完成

)

打开文件查看，这次是原文了

)

这次的视频，实话实说，没有使用任何的提示词，如果使用相应的提示词会有很大的进步，进一步可以优化，比如让它先按文章生成对应的脚本，再根据脚本生成图片，再生成视频会更好。可惜就是太费token了,我有点扛不住。后续也可以将整个流程，做成skill，方便下次使用。

好了，今天就跟大家分享到这儿，觉得内容有用的话，别忘了点个赞、收藏再转发一下。大家有什么不懂的，或者想要什么新内容，都可以在评论区给我留言。咱们下期再见！

继续滑动看下一个

海鱼星的荷花塘

向上滑动看下一个