【人类写的】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

相关推荐
奶球不是球6 小时前
elementplus组件中el-calendar组件自定义日期单元格内容及样式
javascript·css·css3
我这一生如履薄冰~8 小时前
css属性pointer-events: none
前端·css
苏打水com10 小时前
第十九篇:Day55-57 前端工程化进阶——从“手动低效”到“工程化高效”(对标职场“规模化”需求)
前端·css·vue·html
kirinlau12 小时前
vue3+vite+scss项目使用tailwindcss
前端·css·scss
composurext14 小时前
录音切片上传
前端·javascript·css
狮子座的男孩14 小时前
html+css基础:07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器
前端·css·经验分享·html·伪类选择器·伪元素选择器·结构伪类
小白阿龙14 小时前
样式不生效/被覆盖(CSS优先级陷阱)
前端·css
elangyipi12315 小时前
cursor: not-allowed 与 pointer-events: none 深度解析
css
七月十二15 小时前
类似渐变色弯曲border
css
ttod_qzstudio16 小时前
Vue 3 的魔法:用 v-bind() 让 CSS 爱上 TypeScript 常量
css·vue.js·typescript