小学生口算、古诗注音、短文注音、识字卡片、当天日程。在浏览器里排好版,再打印成 A4。不需要安装、登录或后端。
在线使用: https://w4o.github.io/Magic/
| 页面 | 文件 | 做什么 |
|---|---|---|
| 首页 | src/index.html |
进入各个工具 |
| 小学生计算题 | src/suan-ti.html |
按年级生成加减乘除口算卷,可计时、对答案 |
| 古诗拼音排版 | src/gushi-pinyin.html |
给古诗自动注音,排成可打印的 A4 |
| 短文排版 | src/duanwen.html |
给短文自动注音,按段落排成可打印的 A4 |
| 中文字卡片 | src/word-card.html |
把汉字排成大方块卡片,裁开使用 |
| 今日日程 | src/richeng.html |
排一天的时间表,预览并打印成 A4 |
计算题、字卡片和日程可以离线打开。古诗注音和短文注音会从 jsDelivr 加载 pinyin-pro 3.26.0,这两页需要能访问该 CDN;脚本加载失败时只排汉字。
克隆仓库后,用浏览器打开 src/index.html 即可。
git clone git@github.com:w4o/Magic.git
cd Magic
open src/index.html每个工具都是 src/ 里的单个 HTML 文件,本地打开不用先构建。
打开 src/suan-ti.html。左侧选题型和范围,右侧是 A4 预览。
- 题型覆盖一到四年级,从 10 以内加减到万以内加减、表内乘除和两位数乘两位数。
- 可改运算、进退位、填空位置(得数或未知数)、横式或竖式、每行题数和题目数量(1–200)。
- 竖式只排加、减、乘,除法仍用横式。连加连减只用横式。
- 「换一组」重新出题。「开始计时」和「对答案」只在屏幕上使用。
- 勾选「附上答案页」后,打印时会多出一页答案。题目卷上的填空在打印时保持空白。
打印:A4 纵向,边距选「无」,并关掉页眉页脚。
可以用查询参数打开一份指定卷子:
suan-ti.html?preset=mul9&count=36&layout=horizontal&answers=1
| 参数 | 取值 | 作用 |
|---|---|---|
preset |
见下表 | 题型。无效时使用 as20(20 以内加减) |
layout |
horizontal 或 vertical |
横式或竖式 |
count |
1–200 |
题目数量 |
answers |
1 |
附上答案页 |
show |
1 |
在屏幕上直接显示答案 |
| 年级 | preset |
题型 |
|---|---|---|
| 一年级 | add10 |
10 以内加法 |
| 一年级 | sub10 |
10 以内减法 |
| 一年级 | as10 |
10 以内加减 |
| 一年级 | add20c |
20 以内进位加法 |
| 一年级 | sub20b |
20 以内退位减法 |
| 一年级 | as20 |
20 以内加减 |
| 一年级 | chain20 |
20 以内连加连减 |
| 二年级 | as100 |
100 以内加减 |
| 二年级 | as100c |
100 以内进退位 |
| 二年级 | mul9 |
表内乘法 |
| 二年级 | div9 |
表内除法 |
| 二年级 | md9 |
表内乘除 |
| 二年级 | divrem |
有余数除法 |
| 二年级 | chain100 |
100 以内连加连减 |
| 三年级 | as1000 |
千以内加减 |
| 三年级 | mul21 |
两位数乘一位数 |
| 三年级 | div21 |
两位数除以一位数 |
| 四年级 | mul22 |
两位数乘两位数 |
| 四年级 | mul31 |
三位数乘一位数 |
| 四年级 | as10000 |
万以内加减 |
打开 src/gushi-pinyin.html。页面会先填入几首示例,点「生成排版」即可看到效果。
输入格式:
静夜思
唐 · 李白
床前明月光,
疑是地上霜。
举头望明月,
低头思故乡。
登鹳雀楼
王之涣
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
- 第一行是诗题。
- 第二行如果像作者或朝代(含「唐」「宋」或间隔号
·,且较短、没有句读),会当成作者;否则从第二行起都算正文。 - 多首诗之间空一行。
排版可以选:拼音 + 汉字、纯汉字、田字格、超大字号。还可以改纸张方向、每页首数、纵向或双栏、字号、行距、字距和页边距。「自动适应」会把内容缩进当前页面。
单击拼音可在多音之间轮换,双击可手动改读音。这些修改会保留到下一次重新生成;「清除注音修改」会去掉它们。
打开 src/duanwen.html。页面会先填入两篇示例,点「生成排版」即可看到效果。
输入格式:
小鸭子学游泳
鸭妈妈带着小鸭子来到河边。
小鸭子还有一点害怕,后来慢慢地学会了。
雨后的校园
作者 · 佚名
雨停了,花和草都洗得干干净净。
- 第一行是标题。
- 下一行如果以「作者」「选自」「出处」开头,或带间隔号
·,会当成署名。 - 其余每一行是一段。同一篇里段和段之间用换行,不要再空一行。
- 多篇短文之间空一行。标题和正文之间可以空一行。
排版可以选:拼音 + 汉字、纯汉字、田字格、超大字号。还可以改纸张方向、每页篇数、纵向或双栏、字号、行距、字距、页边距和退格。「退格」会让每段开头空两字,「不退格」则顶格写。「自动适应」会把内容缩进当前页面。
正文按段落换行,标点尽量不放在行首。单击拼音可在多音之间轮换,双击可手动改读音。这些修改会保留到下一次重新生成;「清除注音修改」会去掉它们。
打印:A4,边距选「无」,并关掉页眉页脚。方向与页面上的选择一致。
打开 src/word-card.html,输入文字后点「生成卡片」。
空格会被去掉。每个字一张 7 cm × 7 cm 的卡片,楷体大字,A4 上每页 12 张(3 列 × 4 行),沿虚线裁开。
打开 src/richeng.html。左侧填写姓名、班级、日期和一天的安排,右侧是 A4 预览。
- 每一项有开始时间、结束时间、类型和要做的事。可以添加、删除、上下移动,或按时间排序。
- 「填入上学日」「填入周末」会放进一份示例,可以再改。姓名、日期和今日目标会保留。
- 日期不是今天时,可以一键改回今天。标题仍是「今日日程」或「日程安排」时,会跟着日期变。
- 预览是三列:时段、时间、安排。上午到 11:30 前,中午到 13:30 前,下午到 18:00 前,之后是晚上。上下相邻且时段或时间相同的格子会合成一格。
- 安排不满 12 行时,下面留空手写行。天气和心情印成圆圈,用笔勾选。
- 页下有今日目标、今天我做到了、明天想先做,以及小朋友和家长的签名线。完成格是空的,打印后打勾。
打印:A4 纵向,边距选「无」,并关掉页眉页脚。
填写会记在这台浏览器里,下次打开还在。
src/ 页面源文件
index.html 首页
suan-ti.html 口算卷
gushi-pinyin.html 古诗注音排版
duanwen.html 短文注音排版
word-card.html 汉字卡片
richeng.html 今日日程
scripts/minify-pages.mjs
dist/ 压缩后的发布结果(构建生成)
.github/workflows/static.yml
推送到 main 后,GitHub Actions 会先压缩 src/ 里的 HTML(空白、注释、内联样式和脚本),再把 dist/ 发布到 GitHub Pages:
仓库里的页面保持原样,方便直接阅读和本地打开。压缩只发生在发布这一步。
也可以在 Actions 里手动运行 “Deploy static content to Pages”。
本仓库尚未附带开源许可证。