最终效果：

Part1 第一部分：创建牌组

Part2第二部分：创建自己的卡片模板

Step2.1 复制一个原生模板

Step2.2 添加字段

Step2.3 字段添加到卡片段

Step2.4 添加一个单词，预览效果

Part3第三部分：美化卡片模板(即：模板添加样式)

    Step3.1: 卡片背面样式

Step3.2: 卡片正面样式

Part4第四部分：构建文件

Step4.1准备好单词表excel.

Step4.2 构建UTF-8编码的txt格式文档

Part5第五部分：导入anki

Step5.1 将文件数据导入anki。

Step5.2 预览效果

Part6第六部分：添加TTS音频

Step6.1：添加卡片字段(需要一个字段，存储音频mp3文件的路径)

Step6.2：修改卡片模板(把音频字段布局在卡片上)

Step6.3： 安裝TTS插件

Step6.4： 使用TTS生成音频mp3文件

正文开始：

创建牌组非常简单(下图)：

①点击“创建牌组”按钮

②输入牌组的名字（这里创建一个名字为“我的英文单词”的牌组）

③点击“确定”按钮

这样就创建完成啦。可以看到一个空的牌组，“我的英文单词”就是我们刚刚创建的牌组(下图)。

Step2.1 复制一个原生模板

Step2.2 添加字段

Step2.3 字段添加到卡片段

Step2.1 我们的现在，添加一个自己的原始卡片模板。

点击【工具】——【管理笔记模板】——【添加】

点击——【添加】按钮

复制一个原生的问答题模板。点击选中【复制：问答题】，然后点击【确定】按钮

然后在弹出的窗口填上我们的模板名称。这里我就创建【我的英文单词卡片】这个名称，然后点击按钮【确定】。

原生模板添加完成。

Step2.2 我们的现在，需要在模板中设置自己需要的字段。

「字段」就可以理解为，我们需要导入的单词卡片内容有哪些，导入的内容，是我们添加字段的依据。比如我们要导入的单词卡片如下：

这里我设计的单词内容一共9列「分类/单词/音标/词性与释义/同义词S/ 反义词A/搭配C/例句E/拓展」，所以我们就需要在卡片模板中创建9个字段，字段名称分别为：「分类/单词/音标/词性与释义/同义词S/ 反义词A/搭配C/例句E/拓展」。

首先打开模板：点击【工具】——【管理笔记模板】，可以看到我们刚刚创建的笔记模板

①单击鼠标选中我们的模板【我的英文单词卡片】

②点击按钮【字段】

可以看到的笔记模板，有两个默认字段：正面和背面。我们可以删除也可以直接修改重命名。

①  重命名：点击右侧【重命名】按钮，把正面和背面，分别重命名成“单词”和“分类”

②添加字段：点击右侧【添加】按钮，依次添加：「 /音标/词性与释义/同义词S/ 反义词A/搭配C/例句E/拓展」字段。

③字段添加完毕，共9个字段。点击【保存】按钮，即完成。

Step2.3 字段添加到卡片段

现在，我们需要把字段添加到卡片上，也就是需要布局卡片显示哪些内容。

打开模板：点击【工具】——【管理笔记模板】，找到我们刚刚创建的笔记模板

可以看到最初始的卡片，正面和背面。

接下来需要把刚刚定义的9个字段，全部补充添加到卡片上。

首先，把初始的代码删除

①  正面，添加“单词”字段。

这里设计正面方这3个内容，可以根据自己的需要，选择添加字段。

②  背面添加字段。首先全部删除。

接下来为背面添加字段：

全部添加，9个字段。对应会生成相应的代码。

Step2.4添加一个单词，预览效果

其实到这里，卡片已经可以用了。先看看效果：我们可以添加一个单词预览一下。

①  添加 一个单词。

我们先用直接填写内容，添加一个卡片(这种方式添加比较不方便，所以这里只是测试，后面会介绍将excel数据导入anki，批量生成卡片的方法)

点击牌组名称，点击【添加】

 确认牌组和卡片：

填写内容：

填写完成，点击【添加】按钮。添加完成后，关掉这个窗口，回到主页面

 浏览查看：

点击【浏览】按钮后，可以查看效果：

卡片成功完毕，现在不够美观，接下开开始对卡片颜色布局进行调整。由于没有code经验，这一部分理解会比较吃力，但是我们可以模仿着去改代码。

第一步：在样式中，定义一组样式代码，样式结构为：.类名 { 样式代码 }

比如定义：

.wordgroup {text-align: right;padding-right: 5px;margin-bottom: 5px;font-size: 13px;font-weight: 200;}

第二步：在代码中，将样式添加到代码。 刚刚定义的类名为：wordgroup，这里要使用它。

{{xxx字段}}

修改为:

{{ xxx字段}}

整个样式设计的流程就只有2步，简单的这种class=AAA的关系，就可以使当前字段，产生这个AAA样式的效果。

   Step3.1: 卡片背面样式

①  希望【分类】字段，显示在右上角显示，并且字体小一些，颜色淡一些。

第一步：在样式中，定义一组代码。

.wordgroup {

text-align: right;

padding-right: 5px;

margin-bottom: 5px;

font-size: 13px;

font-weight: 200;

}

第二步：修改代码，将样式添加到代码。 刚刚定义的类名为：wordgroup，这里要使用它。

{{分类}}

修改为

{{分类}}

如下图：

这时，样式效果就作用在【分类】字段上面了，效果达成。

②  希望背面后6个字段【词性释义，同义词，反义词，搭配，例句，拓展】左对齐显示;背景色淡蓝色。

第一步：在样式中定义可以靠左对齐的代码，类名 worddetails

.worddetails {

text-align: left;

padding: 4px;

padding-left: 10px;

padding-right: 10px;

margin-bottom: 10px;

background: #c1d8ef;

color: #000;

font-weight: 500;}

第二步：然后修改这些字段的代码为如下：

一个样式代码，可以给多个字段使用的，这个并没有一对一的限制。比如刚刚定义的worddetails，可以同时给6个字段【词性释义，同义词，反义词，搭配，例句，拓展】，把这6个字段的代码，全部修改为

{{同义词S}}

{{反义词A}}

{{搭配C}}

{{例句E}}

{{拓展}}

这样他们使用同一个类，所以他们的的显示效果就全部一致。

③　希望卡片背景色改为浅蓝色

④希望【单词】字段，字体放大并且颜色设置为粉色

⑤希望【词性释义】字段，字体放大一些，并且颜色设置为深蓝色

到这里，全部设置，都是背面加在卡片背面的，提交保存，可以浏览查看一下卡片效果。

查看效果：回到主窗口，浏览，

Step3.2: 卡片正面样式

(1)【分类】字段，希望和背面的分类字段一样。(直接复制背面的代码即可)

粘贴导致正面

(2)希望【单词】设置成粉色，但是字体比背面的大一些。

最后查看一下效果：

结束。主要是为了方便写文档，没有写的过于复杂(代码写文档，不知道怎么解释的让非开发的同学也能用，其实做视频讲解会比较方便啦)。这里的布局和颜色设置，都是基础的css代码。

这里也只是简单地，并未写太过复杂的样式，但是对于非开发的同学而言，不一样要理解代码，可以理解：字段，代码和样式 三者的关系就可以。

其实有比较简单的方案就是，去ankiweb下载一组与自己需要比价符合的公用牌组，然后复制它的卡片模板，做些字段调整，大致就能满足自己的需要(理解字段，代码和样式 三者的关系，就可以非常方便复制或者二次修改下载的大家分享的公用牌组，然后修改成自己需要的模板)。

卡片样式简单设置完毕！

Step4.1准备好单词表excel.

这里准备的内容一共9列。刚好对应我们刚刚创建的卡片9个字段。

补充说明关于换行：对于某一项内容，如果我们需要控制它在那个位置，另起一行(即换行)。只需要在那个位置加上符号即可。

这样该单词在卡片中，在拓展这一部分内容，在的位置会从新另起一行。

Step4.2构建UTF-8编码的txt格式文档

复制Excel内容，全部粘贴到刚刚创建的txt文档中

将txt文件，另存为，得到UTF-8编码的txt文档：

得到UTF-8编码的txt文档。

Step5.1 将文件数据导入anki。

在确认“导入”按钮点击之前，先确认字段匹配是否正确。不正确的话，调整原始数据的顺序和卡片字段的顺序，让两者顺序匹配。

导入成功：、

Step5.2 预览效果

浏览查看。目前导入9条单词卡。效果如下

点击【浏览】

现在单词批量导入完毕了，我们下一步。添加语音。

Step6.1：添加卡片字段(需要一个字段，存储音频mp3文件的路径)

由于我们需要一个字段，存储将要添加的音频mp3文件的路径。为此我们要给卡片模板，添加一个字段。

这里我们添加了第10个字段：【音频(美音)】

Step6.2：修改卡片模板(把音频字段布局在卡片上)

这一步，我们要把刚刚添加的字段【音频(美音)】，布局在卡片上。

可以看到卡片上，卡片正面，自动生成了一段新的代码和字段。

然后，同样的方法，将背面也加上“音频(美音)”字段。

最后一定要点击【保存】。然后关闭窗口。

Step6.3：安裝TTS插件

点击后进入详情页，下拉找到插件编号，复制该编号，该编号就是我们需要找的代码信息

回到刚刚anki程序，粘贴编号，点击确定。

安装完后后，重启ANKI.工具栏出现如下选项，即为安装成功。

安装成功~啦

Step6.4：使用TTS生成音频mp3文件

现在我们开始给卡片生成音频，并且音频会存储到字段【音频(美音)】中。

【试听音频】先试听几个词典，选择比较喜欢的发音词典，先介绍试听方式(下图)：

【正式生成音频】试听后，确定比较喜欢的发音方式和词典，我们开始生成语音(下图)：

点击 【Generate】开始生成(这里因为我选择的谷歌，可能比较慢；选有道或者百度的会比较快)

完成后，我们回到卡片，浏览一下现在的卡片。

可以看到字段【音频(美音)】，已经自动填入了一个mp3文件，一般格式都是【[sound:xxxxx.mp3]】。

至此，有声的单词卡片已经完成，可以点击预览查看卡效果了。可以听听看，发音效果。

最后补充一下啦：

(1)音频字段自动变成播放的图标。如果需要改动这个图标位置：

可以在卡片设置中，把 “音频(美音)”这个字段的代码，调整代码的位置就好啦；

正面不需要这个音频，在正面设置的代码中，把 “音频(美音)”这个字段的相关代码删掉就好啦

(2)当然也可以给句子添加音频的，一张卡片中，可以添加多个音频。只需要按照上面的操作。再添加多个字段，去添加对应的语音就可以了。

结束。使用TTS添加(生成)音频mp3文件已经完成了。我们的有声单词卡已经生成完毕。