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

相关推荐
Mr Xu_20 小时前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
Lee川1 天前
CSS盒模型实战:用代码透视 `border-box`与 `content-box`的天壤之别
css
哈里谢顿1 天前
CSS 入门完全指南:从零构建你的第一个样式表
css
. . . . .1 天前
CSS 编写与管理范式 - Tailwind和CSS-in-JS
css
RFCEO2 天前
前端编程 课程十六、:CSS 盒子模型
css·前端基础课程·css盒子模型·css盒子模型的组成·精准控制元素的大小和位置·css布局的基石·内边距(padding)
夏幻灵2 天前
CSS三大特性:层叠、继承与优先级解析
前端·css
会编程的土豆3 天前
新手前端小细节
前端·css·html·项目
珹洺3 天前
Bootstrap-HTML(二)深入探索容器,网格系统和排版
前端·css·bootstrap·html·dubbo
BillKu3 天前
VS Code HTML CSS Support 插件详解
前端·css·html
1024小神3 天前
用css的clip-path裁剪不规则形状的图片展示
前端·css