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

相关推荐
卸任3 小时前
解密Flex布局:为什么flex:1仍会导致内容溢出
前端·css·flexbox
Jing_Rainbow6 小时前
【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解:从标准盒模型到怪异(IE)盒模型📦
前端·css·前端框架
程序员小寒20 小时前
前端高频面试题之CSS篇(一)
前端·css·面试·css3
fruge1 天前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6
han_2 天前
前端高频面试题之CSS篇(一)
前端·css·面试
不会玩电脑的Xin.2 天前
HTML + CSS
前端·css·html
悟能不能悟2 天前
<style scoped>vue中怎么引用css文件
css·vue.js
粉末的沉淀3 天前
css:制作带边框的气泡框
前端·javascript·css
西游音月3 天前
(4)pytest+Selenium自动化测试-元素定位之CSS Selector定位
css·selenium·pytest