申请会员ID：LeoChanXY

发表于 2015-5-4 15:42

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

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

[*]Anki的卡牌虽然默认只有两种类型，及Basic（问答题）和Cloze（填空题）两种，但是仍然可以自定义

[*]首先要懂得，以上两种卡牌类型也是基于“卡牌”，包括卡牌正面和卡牌背面，下面无论怎么自定义，都是基于这个前提

[*]这里只介绍在Basic的基础上自定义，至于Cloze同理

http://imglf1.ph.126.net/0jSNPaEpCYueYpKHAhsWIQ==/6608483796864891058.png

[*]字段“问题”和“答案”是默认的，下面三个字段是我自定义的。字段“#”用来存放编码；字段“Ex.”用来存放例子；字段“+”用来存放补充知识。

[*]这三个字段都设置在卡牌背面，不会随着问题一起出现。

[*]此外，这三个卡牌还设置了{{Hint}}提示模式，虽然是出现在卡牌的背面，但是不主动点击就不会显示，这样就保证了Anki要求的简介，最初呈现出来的只是最重要的“问题”和“答案”

[*]也是由于Anki的简洁原则，我们在设置学习内容的时候不能添加太多文字，但是像专业课一样的笔记，如果没有其他补充知识，很容易陷入死记硬背的陷阱，于是就添加了提示模式。既简洁，又丰富。

[*]按照以下截图的顺序就可以自定义卡牌了。

http://imglf1.ph.126.net/WzelwdCA5Iv2sSbDRoLKRQ==/3108891117787112053.png

http://imglf0.ph.126.net/ll1QiiWjIf1lF6YRe53htw==/6630930326745075537.png

[*]这里要添加的字段，就是之后会显示在卡牌界面上的字段

[*]字段的名字在等会后面自定义部分要用到，这里必须先得有名分，后面代码才能调用

http://imglf0.ph.126.net/i6dBdxPF4aDV-WmlaZzOAg==/204632308168787988.png

http://imglf1.ph.126.net/VZ0xEhdvdjoClJMQtom0UQ==/6599299576239187114.png

http://imglf2.ph.126.net/m9oFnNlJD6ajZHeMRXgqCA==/2635731682018862738.png

[*]正面模板的代码：<h3>{{问题}} </h3>

[*]<h3> </h3>的作用是加大加粗

http://imglf0.ph.126.net/VTWRg3idAjg1VsZMm0Ko6w==/6608525578306750161.png

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

代码：.card {font-family: arial;font-size: 20px;text-align: left;color: black;background-color: white;}
http://imglf0.ph.126.net/9fXd4E1Al33xj0ya-gMslw==/6619294195189215690.png

[*]背面代码：
{{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>是设置整个字段的字体、字号、背景色和左对齐的代码

http://imglf2.ph.126.net/FhRd6PmROEIdkJ3eZ1DWSw==/6619176547445042165.png

[*]效果图如上所示

[*]当然，卡牌正面也可以添加字段，步骤一样

[*]如果执行有误，请回头看看是不是漏掉了什么步骤，或者代码错了

Hmily 发表于 2015-5-6 18:01

没看懂，讲html？

发表于 2015-5-6 23:25

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

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

Hmily 发表于 2015-5-7 11:58

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

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

发表于 2015-5-8 11:36

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

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

页: [1]

吾爱破解 - 52pojie.cn's Archiver

申请会员ID：LeoChanXY