Codex + HyperFrames：公众号文章一键做视频 + 开源框架（海鱼星的荷花塘）
Codex + HyperFrames：公众号文章一键做视频 + 开源框架（海鱼星的荷花塘）
来源类型： 实战教程
日期： 2026-06-03
标签： #Codex #HyperFrames #公众号文章 #一键视频 #海鱼星
核心金句
"我们经常看到 B 站讲解的 PPT 视频，其实可以用 codex 来制作。codex 有很多好用的插件，其中 HyperFrames 插件就是开源的视频框架，它可以靠 HTML、CSS 写代码，就能做画面、动画和分层。写完直接自动渲染成片。"
安装插件
"打开 codex，点击插件。"
"在 design 标签下，找到 HyperFrames，点击后面的 + 号，注意安装插件需要你有代理。"
"点击安装。"
制作流程
"我们先在电脑上新建一个文件夹，作为项目文件夹，这里我的项目文件夹是 video，你可以新建一个你喜欢的名字，这个文件夹后续会保存我们的视频文件等。"
关键洞察
1. HyperFrames
- 开源视频框架
- HTML + CSS
2. 自动渲染
- 写代码即成片
- 画面 + 动画
3. 公众号转视频
- 一键操作
- B 站风格
4. 项目文件夹
- video 命名
- 保存文件
5. design 标签
- 插件位置
- 需代理
与已有知识的关联
- wiki/entities/codex — Codex
- wiki/entities/hyperframes — HyperFrames
- wiki/entities/bilibili — B 站
- wiki/concepts/auto-video — 自动视频
- wiki/concepts/ppt-to-video — PPT 转视频
- wiki/entities/haiyuxing — 海鱼星的荷花塘（作者）
资料来源
- 原文：https://mp.weixin.qq.com/s/BEsT1g1xaBbPcoExG6JAYQ
- 原始文件：
raw/articles/BAT国内/实操：用Codex把公众号文章做成视频.md - 作者：海鱼星的荷花塘
我的判断（中度置信度）
这是 2026 年 Codex + HyperFrames 最实战的中文教程——开源视频框架 + HTML/CSS 写代码 + 自动渲染。
关键洞察：
1. "HyperFrames" —— 是核心
2. "HTML + CSS" —— 是技术
3. "自动渲染" —— 是亮点
4. "公众号转视频" —— 是场景
5. "B 站风格" —— 是参考
预测：
- 2026 H2：可能涌现更多 Codex 视频插件
- 2027：可能形成"AI 视频"标准
- 2028：可能立法"AI 视频内容"
对内容创作者的建议：
"Codex + HyperFrames" 是新组合
- HTML + CSS
- 自动渲染
- 长期价值
对开发者的启示：
"开源视频框架" 是新方向
- HyperFrames 模式
- HTML 写代码
- 长期演进
对 B 站内容创作者的启示：
"AI 视频" 是新趋势
- PPT 转视频
- 自动生成
- 长期价值