TA的每日心情 | 擦汗 2018-10-14 15:10 |
---|
签到天数: 101 天 [LV.6]常住居民II
|
本帖最后由 henices 于 2018-3-1 15:11 编辑
/ u" }' O4 G" U9 o4 y* R2 S
3 l9 K2 k$ j7 g! Q1 ~3 yImage Occlusion Enhanced 是一个Anki的插件,用来遮挡图片里的局部区域,这样图片上的内容也可以制作成卡片。基本教程:《插件篇——Image Occlusion 2.0 使用教程》(https://zhuanlan.zhihu.com/p/21463061 )。
: U/ Z$ C9 [; `% B+ V7 _
& y1 o9 N4 [) I# i& ]7 H4 ~4 y- k但用的时候发现它生成的卡片默认样式比较简单,我想要的一些信息都木有。比如我一般用它来把美剧截图里的生词盖住,作为背单词的语境提示。我想要的效果是,卡片正面显示挖空的截图,背面显示完整截图+音标、发音、释义、例句、来源、拓展知识,而且还想让卡面漂亮一些。
5 S- f9 ^3 k8 g# f, g- O- m9 `( L5 D6 T# c
( G, @, B R( p _6 O(↑Image Occlusion Enhanced生成的卡片)$ O2 u: @9 I* D W8 m& u# Y: u6 K; T
! W5 a7 c. }6 j) s/ Y所以自己动手修改一下,修改之前请务必把原笔记类型克隆一份用作备份。因为不会CSS,所以以下所有代码都是参考别人的。
$ p7 h+ }# L" F0 ^$ v a' ~" l8 R d
修改已有区域:先打开 工具-Image Occlusion Enhanced Options,把红线圈出来的名字修改成自己想要的区域。Image、___ mark这些可以不用改,这是用来放生成的图片的。修改完以后,还不够用怎么办?比如我还想加入例句和例句翻译,但是两个Extra已经用完了,再没位置可以放了。4 x) t2 b9 F) g' W: F: Y# w, d
7 w7 J/ Y. i# J& y2 b' R- l% z
8 O# H6 }1 }5 V+ d r9 o: a
: i6 E2 e, M& a
& Y" X/ t( _. w* s: ]/ `+ N! g& t/ [
添加新的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-区域 继续添加就行。可以自己排列一下各个区域的顺序,那些不能修改的图片区域往后排排。完成以后,用它生成卡片,然后编辑卡片,就能看到新加的区域了。但是新添加的区域就算填上了内容也不会显示在卡片上,还需要把新加的区域写在卡片代码里。
( Z) l/ z W. U' _$ g/ R7 c' n0 ^) R! T$ j
" f q4 l1 t, y( p2 [: u
) U4 G9 N/ w: K: k' x! y
* k3 \0 U" f- F
8 {5 v- m: j% b9 p4 z8 E/ K7 O0 Z0 ~1 Y# d) p" P3 k( _' c# x$ O* ]
/ Q: D! S3 m5 A J5 S7 Q使卡片显示新添加的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-卡片,把你添加的区域名字用双波浪括号括起来,放到你想要的位置。比如我想把“例句”区域放在卡片背面,就在背面模版里输入文本{{例句}}就行,比如还想换一行显示例句翻译,就输入换行代码<br>然后输入文本{{例句翻译}}。也可以直接用底下“添加字段”按钮把任何区域添加到卡片正面或背面。
$ y! L. U' |" |& r0 B0 W6 M+ @( V c; ]' y4 Y% T7 D
! d# d; l* r$ }1 k2 t; O& K4 v- {4 `
, R4 l; k2 U! p \* n4 a+ d! D现在这个卡面的信息就全了,我想要的都能显示在卡片上了。但是现在卡片很丑,自己又不懂CSS不会修改卡片样式肿么办?可以这样:先下载一个别人做好的比较好看的卡片模版,然后把别人模版里“正面模版”、“背面模版”、“格式刷”里的代码全都复制添加到Image Occlusion Enhanced卡片模版里。然后把原IO卡片里的那些代码,剪切到你想放的位置,其余代码稍微修改下。还需要把别人代码里的区域名字改成你自己的。比如别人模版里,可能有个叫做“知识”的区域,你想把你自己的IO卡片里的“拓展”区域对应成这个区域,那么就要把别人代码里所有“知识”改成“拓展”。/ a. n1 X7 T, {2 n8 n1 f
R- u" g* n1 G! ^, G' @
观察一下原IO卡片的代码,“正面模版”里,图片的代码是以下部分。把它剪切的别的位置,图片就在新位置显示了。背面同理。
! a8 |0 N0 u* W1 N+ C6 Q( w4 X( O* y# B! [1 Q0 f' ]
( @, R1 L+ U/ _8 v' { s J0 H6 \6 I' |+ X
最终效果:卡片样式修改自leaflyer(http://leaflyer.lofter.com/post/4798b6_a4492e3)
# M8 Z- H! D8 P3 v5 D0 \2 m3 A7 F* k0 h, Y6 U4 V! [, L* d
" t! z6 Y/ C! y4 r& w. T- N- H( P* ~
+ b% I* c2 U& o/ V
9 }# k* N3 x0 ~" [- L
0 c8 Z* J. i# q |
评分
-
1
查看全部评分
-
|