|
吾爱游客
发表于 2015-5-4 15:42
申请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>是设置整个字段的字体、字号、背景色和左对齐的代码
- 效果图如上所示
- 当然,卡牌正面也可以添加字段,步骤一样
- 如果执行有误,请回头看看是不是漏掉了什么步骤,或者代码错了
|
|
发帖前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。 |
|
|
|
|