知識卡片模板

教育科技學習

示例：一張圖看懂 · 大模型是怎麼回答問題的 · 知識卡片

幫我把這節課的筆記做成一組知識卡片，發成一個網頁連結，在微信裡轉發：頁頭寫我的帳號名、第幾講、標題、日期和「幾張卡、幾分鐘看完」；正文是 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 建好

看模板原始碼 ›

這份哪裡不合適？提改進建議模板工廠每天看一次，改好了寫進改進記錄

知識卡片模板

同類案例