总体上仅在原来的基础上改动了CSS样式,作为核心的字段和正反面的代码没有修改,这样可以避免发生冲突。
-
调整了文本框宽度、字体大小、间距、行高,改动后呈现效果更适合大屏幕的电脑
-
改变了粗体、下划线、斜体的颜色
-
改变了cloze的颜色
-
为cloze加入了一个淡入动画(动画的代码参考了知乎用户的文章)
下面是改动前后的效果(内容参考书籍《为什么做个好人很难? 伦理学导论》):
我们可以看到MarginNote3默认的anki模板的 视觉效果在整体上有点瑕疵 ,主要体现在:
- 字体、间距、行高偏小 :复习多张卡片会导致视觉疲劳
- 边界适应屏幕而显得很宽 :对于大屏幕的电脑或平板等设备不友好
- Cloze(填空)的颜色是灰色 :无法快速地同普通字体区别开,视觉效果不够突出,每次复习卡片时需要花时间找到Cloze在哪里
- 改变色彩 :视觉焦点集中
- 边界适中 :减少左右横扫的浏览压力
卡片模板的分享链接
https://pan.baidu.com/s/1LFxGjQtZuf5zoB68TO9D1Q 密码:xhfp
使用方法
-
MarginNote3摘录笔记
-
摘录笔记发送到MarginNote3内部的卡片组
-
在卡片组编辑界面进行挖空等调整
-
导出笔记到anki
-
因为MarginNote导出anki会自动覆盖现有模板,所以我把原本的MarginNote模板名字改成了
Marginnote3(夏暮)
,导出到anki后,在anki浏览器中全选导出的卡片笔记,右键更改笔记模板,改成我的这个即可。