自动化Obsidian文章生成Anki记忆卡片

✨ 我是 Muzi 的「文章捕手」，擅长在文字的星海中打捞精华。每当新的篇章诞生，我就会像整理贝壳一样，将思想的闪光点串成珍珠项链~

本文详细介绍了如何将Obsidian与Anki记忆卡片工具结合使用，实现知识点的高效记忆。文章首先说明了Anki基于SM2算法的记忆原理，随后提供了Obsidian和Anki的下载安装及核心插件（Anki Connector与Export to Anki）的配置步骤。重点讲解了插件的安装、同步卡牌类型、正则表达式匹配规则自定义及卡片样式模板修改。文章还介绍了通过Quicker软件实现Anki卡片与Obsidian文档的精准跳转定位，提升学习效率。整体方案创新地整合了笔记与记忆工具，具备较强的实用价值和操作指导意义。

2025-01-26🌱上海: ⛅️ 🌡️+9°C 🌬️↓17km/h

前两天在群里了解到了Anki记忆卡片，首先大概介绍下Anki记忆卡片主要是干什么的？

Anki记忆卡采用了SM2算法可以在短时间内快速记忆一些知识点，有点类似闪念，或者说就是自定义的刷题卡片。

# 一、工具安装

首先我们下载两个主要工具，以下是官网下载地址：

Obsidian - Sharpen your thinking

Anki - powerful, intelligent flashcards

后续还需要安装它们所需的核心插件。

Anki端：anki connector 插件

Obsidian端：Export to Anki

# 二、插件安装配置

# Anki

下载好Anki后，按键ctrl+shift+A，或者点击设置，找到插件点击进去

插件页面，按照下面点击

搜索ankiconnect，或者直接在上面代码中输入2055492159

安装好之后

然后配置Anki插件进行连接，点击插件，修改设置

代码如下

{
    "apiKey": null,
    "apiLogPath": null,
    "webBindAddress": "127.0.0.1",
    "webBindPort": 8765,
    "webCorsOrigin": "http://localhost",
    "webCorsOriginList": [
        "http://localhost",
        "app://obsidian.md"
    ]
}

配置好后进行重启anki

接下来我们进行ob插件安装配置

# Obsidian

打开ob，点击设置

点击第三方插件，第一次进入需要关闭安全模式，关闭后搜索Export to Anki安装好后进行配置修改

打开插件设置页面

第一步先进行同步操作，就是把Anki的默认卡牌类型同步过来（也可以自己设置但是不推荐，默认的够用了）,页面下拉找到Acition列，点击如下按钮

同步完成之后，往上拉

进行文章匹配规则自定义修改，就是根据匹配规则把文章的内容自动生成卡片，正则表达式放下面

^#{4}\s(.+)\n*((?:\n(?:^[^\n#].{0,2}$|^[^\n#].{3}(?<!<!--).*))+)

上面是把文章中的四级标题匹配成正面卡片问题，标题下内容为背面答案。其他设置按照我的设置就行。

# 三、核心配置

# 联动配置

之后回到文章页面进行测试，可以按照我的格式进行创建文件夹和文件

TARGET DECK 
Code::Mysql

以上语法为 1.目标牌组 2.父牌组::子牌组

后续添加文件夹和文件按照我的格式就行，这里我使用了自定义的模板创建（配置更为复杂，不是很建议）

然后根据自己的需要进行文章编写，（注意匹配的是四级标题）

然后点击左侧边栏的卡牌按键

生成完成后会自动生成一个id，这里对应的是anki卡牌id

打开anki查看是否完成

看到生成成功了，然后接下来我们修改卡片格式，点击卡片

点击样式，修改模板

代码放下面了

.card {
 font-family: arial;
 font-size: 20px;
 text-align: left;
 color: black;
 background-color: white;
}

em {
 #color:white; 
 background-color: #69E147;
 border-radius: 5px;
 padding: 2px 5px;
}

strong {
 color:red;
 font-weight: bolder;
 text-shadow: 2px 2px 5px #ffe600;
}

code {
 color:black;
 font-weight: bolder;
 text-shadow: 2px 2px 5px gray;
}

mark {
 border-radius: 5px;
 padding: 2px 5px;
}

blockquote {
 background-color: #ECECEC;
 padding: 2px 5px;
 border: 2px solid #7F7F7F;
 border-radius: 5px;
}