知识卡片模板

教育科技学习

示例：一张图看懂 · 大模型是怎么回答问题的 · 知识卡片

帮我把这节课的笔记做成一组知识卡片，发成一个网页链接，在微信里转发：页头写我的账号名、第几讲、标题、日期和「几张卡、几分钟看完」；正文是 8 张竖版卡片，前 7 张每张讲一个概念——大号编号、概念名和英文、一句话标题、一张会动的矢量图解（比如词一个个落下来、连线一条条亮起、柱子长出来）、两三句讲解、三条要点和一句加粗的「一句话记住」，卡片底部两个按钮「我懂了 / 还不懂」，点了存进数据表并显示这张有百分之几的人懂了；第 8 张是自测 3 题，每题三个短选项，点了马上出对错和解释，答完给总分，再提醒一句收藏和转发。手机上卡片叠成一摞，左右滑动或拖着甩出去换下一张，底下有上一张 / 下一张和页码；电脑上左边是刊头和说明，右边把卡片排成网格，点一张放大看、能左右翻。页末一张横向条形图汇总每张卡「懂了」的比例，画一条 70% 的参考线，低于它的标成提示色并写一句下一讲先补哪几张。杂志感的排版，标题用宋体，配色清爽，支持暗色。

参考模板：先读 https://space.24haowan.com/examples/sample-knowledge-cards/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-knowledge-cards 当底稿（list_examples key=sample-knowledge-cards），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-knowledge-cards ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-knowledge-cards/agent.md 做一份我自己的「一张图看懂 · 大模型是怎么回答问题的」，发成活页，先给我看预览。

我的要求：帮我把这节课的笔记做成一组知识卡片，发成一个网页链接，在微信里转发：页头写我的账号名、第几讲、标题、日期和「几张卡、几分钟看完」；正文是 8 张竖版卡片，前 7 张每张讲一个概念——大号编号、概念名和英文、一句话标题、一张会动的矢量图解（比如词一个个落下来、连线一条条亮起、柱子长出来）、两三句讲解、三条要点和一句加粗的「一句话记住」，卡片底部两个按钮「我懂了 / 还不懂」，点了存进数据表并显示这张有百分之几的人懂了；第 8 张是自测 3 题，每题三个短选项，点了马上出对错和解释，答完给总分，再提醒一句收藏和转发。手机上卡片叠成一摞，左右滑动或拖着甩出去换下一张，底下有上一张 / 下一张和页码；电脑上左边是刊头和说明，右边把卡片排成网格，点一张放大看、能左右翻。页末一张横向条形图汇总每张卡「懂了」的比例，画一条 70% 的参考线，低于它的标成提示色并写一句下一讲先补哪几张。杂志感的排版，标题用宋体，配色清爽，支持暗色。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

知识博主、老师、培训讲师想把一节课或一个主题拆成 6–10 个概念，每张卡一个概念配一张图解，做成一组在微信里转发、手机上左右滑着看的卡片，还想知道读者哪张没看懂，选它。要按天累计打卡、跟一个备考计划，选 sample-study-plan；只做一个出结果的趣味测试，选 sample-quiz-card；要分章节、一步一步教人操作，选 sample-handbook。

页面结构：8 张知识卡 · 大家懂了多少

每张卡底部「我懂了 / 还不懂」是原生表单，写进数据表 marks（列 card / state），页面读回算出每张的「懂了」比例和页末那张对比图
手机上 8 张卡叠成一摞，左右滑或拖着甩出去换卡；电脑上摊成网格，点开放大、键盘左右翻
每张卡一个内联 SVG 图解动画，只在翻到那张时播一遍；减少动态时直接终态
不跑脚本也能用：8 张卡竖排成一列，表单照样能提交，自测题答案直接显示
下一讲的卡更新在同一条链接

发之前要备好：数据表 marks（列 card / state，append_open=true）：每张卡底部的「我懂了 / 还不懂」写进这里（card 是概念名，state 是「懂了」或「还不懂」），页面读回算每张的懂了比例；发布前先用 set_data 建好

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

知识卡片模板

同类案例