Anki的使用_卡牌新增类型

Anki的使用_卡牌新增类型

Anki是什么
Anki知乎

制作新的卡片类型,用于背诵英语翻译的句子

成品展示:
Anki的使用_卡牌新增类型_第1张图片

Anki的使用_卡牌新增类型_第2张图片

具体流程

  1. 选择添加 – 》 卡片类型选择

Anki的使用_卡牌新增类型_第3张图片

  1. 选择“管理

Anki的使用_卡牌新增类型_第4张图片

  1. 选择 “添加” ,随意添加一个,然后开始自己定制界面

Anki的使用_卡牌新增类型_第5张图片

  1. 选择 “区域” 自己添加, 这里是根据自己需求添加的字段

Anki的使用_卡牌新增类型_第6张图片

  1. 最后是自己的模板,参考菜鸟教程网制作~

Anki的使用_卡牌新增类型_第7张图片

最后是自己的anki的模板代码

正面模板

<div class="card">
  <div class="header">
    <p>{{中文}}p>
  div>

  <div class="container">
    {{hint: <p>{{语境}p> }}
  div>
div>

样式

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

div.card {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  margin:auto
}

div.header {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 30px;
}

div.high {
    background-color: #03A9F4;
    color: white;
    padding: 2px;
    font-size: 30px;
}

div.container {
    padding: 10px;
}

背面模板

{{FrontSide}}

<hr id=answer>

<div class="card">
  <div class="header">
    <h6>{{原词}}h6>
  div>

  <div class="high">
    <h6>{{高级词汇}}h6>
  div>

  <div class="container">
    <p>{{语境}}p>
  div>
div>

你可能感兴趣的:(Anki)