申请会员ID：LeoChanXY

申请ID：LeoChanXY
个人邮箱：GeekChan@163.com
原创技术文章：

博客地址：LeoChanIT.lofter.com
文章举例：
Anki如何自定义卡牌类型？

• Anki的卡牌虽然默认只有两种类型，及Basic（问答题）和Cloze（填空题）两种，但是仍然可以自定义
  
• 首先要懂得，以上两种卡牌类型也是基于“卡牌”，包括卡牌正面和卡牌背面，下面无论怎么自定义，都是基于这个前提
  
• 这里只介绍在Basic的基础上自定义，至于Cloze同理
  
  
  

• 字段“问题”和“答案”是默认的，下面三个字段是我自定义的。字段“#”用来存放编码；字段“Ex.”用来存放例子；字段“+”用来存放补充知识。
  
• 这三个字段都设置在卡牌背面，不会随着问题一起出现。
  
• 此外，这三个卡牌还设置了{{Hint}}提示模式，虽然是出现在卡牌的背面，但是不主动点击就不会显示，这样就保证了Anki要求的简介，最初呈现出来的只是最重要的“问题”和“答案”
  
• 也是由于Anki的简洁原则，我们在设置学习内容的时候不能添加太多文字，但是像专业课一样的笔记，如果没有其他补充知识，很容易陷入死记硬背的陷阱，于是就添加了提示模式。既简洁，又丰富。
  
• 按照以下截图的顺序就可以自定义卡牌了。
  
  
  

• 这里要添加的字段，就是之后会显示在卡牌界面上的字段
  
• 字段的名字在等会后面自定义部分要用到，这里必须先得有名分，后面代码才能调用
  
  

• 正面模板的代码：<h3>{{问题}} </h3>
  
• <h3> </h3>的作用是加大加粗
  
  

• 样式就对应正面和背面的格式了，可以设置字体、字号、居中还是居左，以及设置背景颜色
  
  

代码：

.card {

font-family: arial;

font-size: 20px;

text-align: left;

color: black;

background-color: white;

}

• 背面代码：
  {{FrontSide}}
  
  <hr id=answer>
  
  {{答案}}<br>
  <br>
  
  <div style='font-family: Arial; font-size: 15px;'><div style="background:#99CCFF;float:left"> {{hint:#}}</div></div><br>
  
  <br>
  <div style='background:#CCCCCC;font-family: Arial; font-size: 15px;float:left'>{{hint:Ex.}}</div>
  
  <br>
  <div style='font-family: Arial; font-size: 15px;'>{{hint:+}}</div><br>
  
• 如果要在背面模板中添加一个字段，可以用 {{例子}}添加，但是也不是随便什么文字都可以的，必须是前面步骤里提到的已经添加进去的字段，这里才能调用
  
• 如果要添加提示模式（点击之后再显示的），可以用{{hint:例子}}，同样所添加的字段名称必须是前面已经添加的
  
• <br>是换行符号，没有这个符号的话，添加的字段会默认显示在一行，如果要上下保持更大的间隔，可以多用几个
  
• <div style='font-family: Arial; font-size: 15px;'><div style="background:#99CCFF;float:left"> {{hint:#}}</div>是设置整个字段的字体、字号、背景色和左对齐的代码
  
  

• 效果图如上所示
  
• 当然，卡牌正面也可以添加字段，步骤一样
  
• 如果执行有误，请回头看看是不是漏掉了什么步骤，或者代码错了
  
  

Hmily

没看懂，讲html？

Hmily 发表于 2015-5-6 18:01
没看懂，讲html？

这是一款记忆辅助软件，用过的人都说好。

Hmily

游客 112.2.180.x 发表于 2015-5-6 23:25
这是一款记忆辅助软件，用过的人都说好。

论坛申请需要提供技术文章，软件使用是不行的，申请不通过。

Hmily 发表于 2015-5-7 11:58
论坛申请需要提供技术文章，软件使用是不行的，申请不通过。

我做的是教程，不算技术文章吗？如果嫌太low，不是还有学习的机会吗？给个机会吧