【人类写的】anki卡片制作入门

前言

在知识获取的初期,降低认知负荷比追求完美更重要;当基础能力构建完成后,再通过个性化实现效率跃迁。这种分阶段策略既符合人类认知规律,也契合现代社会的快节奏需求。

手机端与桌面端效果图

明确目的

  • 建议新手可以阅读我的参考来源第二个照猫画虎按部就班尝试一遍再以本文作为补充阅读
  • 不要忘了核心目的是"记忆"单词,先快速完成可本地化部署的属于自己卡片记忆
  • 我就是不想被一些背单词软件捆绑以及其它其它背单词软件自定义程度低,总出现一些低效单词

AI辅助场景

先给 AI 设定好需求框架,再把你需要记的单词(比如读文章时遇到的生词)发给它,让 AI 帮忙找齐词性、例句、英汉词典解析、英译英这些辅助记忆的内容。之后你把这些生成号的内容复制到 Excel 里,转成 TXT 文本就能导入 Anki,最后用插件给单词批量添上发音,整个流程就完成了。

如我的提示词一般都是: apple,banana请你把我以上提供的单词以表格的形式呈现这些单词的的要素,参考牛津高阶英汉双解词典,柯林斯高阶英汉双解学习,韦氏高阶英汉英语词典,朗文当代高级英语词典,注意例句选取一些比较具有代表性的,如雅思词汇,考研例句中选,例如,

单词 音标 英文释义 词性 例句 同义词 中文
at pace /æt peɪs/ at a fast speed or rate v.(pt./pp.)/adj. The project is progressing at pace. quickly, rapidly, swiftly 快速地, 迅速地
  • 这样就会生成我需要的单词了,一般来说我用豆包生成的幻觉基本没有,语句都是通顺的

语音朗读功能及一些插件分享

  1. AwesomeTTS(代码:1436550454)朗读以这个为主,选择有道词典的音频
  2. Edge TTS for Anki(代码:2034321258)朗读以这个为辅助使用,第一个总有些语音播放不了就需要这个了
  3. Autosync 2.1(代码:1726633659)同步插件,因为有时候使用手机记忆手动同步有点慢
  4. Review Heatmap(代码:1771074083)美丽小废物,大抵是进度可视化吧

我的模板代码分享

其实差不多是css代码,代码非原创,只是在别的博主分享基础上润色

正面内容

ini 复制代码
<div class='front_theword'>{{单词}}</div>

<div class='wordgroup '>{{音标}}</div>

背面内容

ini 复制代码
<div class="back_theword">{{单词}}</div>

<div class="partofspeech">{{英文释义}}</div>

<div class="worddetails pos">{{词性}}</div>

<div class="worddetails ex">{{例句}}</div>

<div class="worddetails syn">{{同义词}}</div>

<div class="worddetails def">{{中文}}</div>

样式

css 复制代码
```css
/* 卡片主容器 */
.card {
  font-family: Arial;
  font-size: 25px;
  line-height: 1.5;
  text-align: center;
  color: pink; /* 粉色*/
  background-color: black;
}

/* 正面单词 */
.front_theword {
  font-weight: 800;
  font-size: 50px;
  color: #FF80DD; /* 浅紫红色,与背面保持一致 */
}

/* 正面音标 */
.wordgroup {
  text-align: center;
  padding-right: 5px;
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: bold;
  color: pink;
}

/* 英文释义 */
.partofspeech {
  font-size: 25px;
  color: #FFB6C1; /* 浅粉色 */
  font-weight: 700;
  margin-bottom: 15px; /* 下方空行分隔 */
}

/* 背面单词 */
.back_theword {
  font-weight: 800;
  font-size: 30px;
  color: #FF80DD; /* 浅紫红色 */
}


/* 基础样式(通用属性) */
.worddetails {
  font-size: 20px;
  text-align: left;
  padding: 4px 10px;
  margin-bottom: 10px;
  color: #000; /* 文字黑色 */
  font-weight: 600; /* 半粗体(100-900 有效值) */
}

/* 词性*/
.worddetails.pos {
  background-color: #c1d8ef; /* 浅蓝色 */
}

/* 中文 */
.worddetails.def {
  background-color: #dda0dd; /* 浅紫色 */
}

/* 同义词 */
.worddetails.syn {
  background-color: #ffeaa7; /* 浅黄色 */
}

/* 例句*/
.worddetails.ex {
  background-color: #9ce8cf; /* 浅绿色 */
}

其它注意事项

也就需要安装个朗读插件,可以批量生成对应的语音,以及图片的花实在记不住我会上网搜图片加入的

还有个软件叫quiet来着 #记忆 #学习

参考来源

  1. 【有时候你会需要从默认设置开始】超详细介绍Anki五种默认笔记模板_哔哩哔哩_bilibili
  2. 【照葫芦画瓢】【我的ANKI使用笔记】制作自己的单词卡片,批量导入并生成TTS音频(完整流程) - 哔哩哔哩
  3. 【可以了解插件】anki插件 批量添加单词释义等_哔哩哔哩_bilibili

关于朗读插件的配置问题: (42 封私信 / 84 条消息) Anki插件:AwesomeTTS调用本地部署的Kokoro TTS模型生成语音 - 知乎

补充使用: Edge TTS for Anki - AnkiWeb

相关推荐
搬砖的阿wei1 天前
CSS常用选择器总结
前端·css
RFCEO1 天前
前端编程 课程十二、:CSS 基础应用 Flex 布局
前端·css·flex 布局·css3原生自带的布局模块·flexible box·弹性盒布局·垂直居中困难
ziblog1 天前
HTML5 Canvas梦幻背景动画特效
前端·css
weixin_456907412 天前
2026+:html+css 生态的成型之年与平台化跃迁
前端·css·html
2301_780669862 天前
HTML-CSS-常见标签和样式(标题的排版、标题的样式、选择器、正文的排版、正文的样式、整体布局、盒子模型)
前端·css·html·javaweb
weixin_456907412 天前
CSS DSF.soolCXZ LsoolbDSF:html 中 doos() 的 Copy-goos-Prite 实现实验笔记
css·笔记·html
咕噜咕噜啦啦2 天前
CSS3基础
前端·css·css3
⑩-2 天前
HTML期末课设作业
css·html
H_z_q24013 天前
Web前端制作一个评论发布案例
前端·javascript·css
西红市杰出青年3 天前
CSS 选择器详细教程:原理、语法、方向/“轴”与实战
css·python