掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 1363|回复: 2

[经验交流] 修改&美化Image Occlusion Enhanced生成的Anki卡片

  [复制链接]
  • TA的每日心情
    擦汗
    2018-10-14 15:10
  • 签到天数: 101 天

    [LV.6]常住居民II

    发表于 2018-1-14 15:47:18 | 显示全部楼层 |阅读模式
    本帖最后由 henices 于 2018-3-1 15:11 编辑
    ) B# C: z' A" z6 c" b& b4 Y( A( s' Z6 @- Y4 @; }4 d& Z
    Image Occlusion Enhanced 是一个Anki的插件,用来遮挡图片里的局部区域,这样图片上的内容也可以制作成卡片。基本教程:《插件篇——Image Occlusion 2.0 使用教程》(https://zhuanlan.zhihu.com/p/21463061 )。
    5 j/ o9 [( Y, Z; H6 D' t; S- f2 E, S! l/ m
    但用的时候发现它生成的卡片默认样式比较简单,我想要的一些信息都木有。比如我一般用它来把美剧截图里的生词盖住,作为背单词的语境提示。我想要的效果是,卡片正面显示挖空的截图,背面显示完整截图+音标、发音、释义、例句、来源、拓展知识,而且还想让卡面漂亮一些。+ F. g$ z/ G# K9 ?; Y% k& s, B
    / p; I# F4 X9 Z% a. V+ }  Y
    ; [8 x3 a$ A5 M& ]/ {& y
    (↑Image Occlusion Enhanced生成的卡片)7 N  h% ^" q& y5 T' _. Q
    . D- Q& M; _+ ?% r* \4 P( y) m# K
    所以自己动手修改一下,修改之前请务必把原笔记类型克隆一份用作备份。因为不会CSS,所以以下所有代码都是参考别人的。, C+ l$ l- ]& i$ `' G
    5 z2 ]  I* j% l1 R) Y9 L
    修改已有区域:先打开 工具-Image Occlusion Enhanced Options,把红线圈出来的名字修改成自己想要的区域。Image、___ mark这些可以不用改,这是用来放生成的图片的。修改完以后,还不够用怎么办?比如我还想加入例句和例句翻译,但是两个Extra已经用完了,再没位置可以放了。+ T$ _( R! Z( R( D) j7 w# P4 o( d

    ; [% i% ~& z! a& y' M& O9 m) b4 ?( h
    : {) @! {5 [$ s# q% u- i, t4 S! `

    8 h2 {5 q$ r% K8 y$ S( T6 v$ _
    2 g1 F7 l+ m8 x+ P3 ~添加新的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-区域 继续添加就行。可以自己排列一下各个区域的顺序,那些不能修改的图片区域往后排排。完成以后,用它生成卡片,然后编辑卡片,就能看到新加的区域了。但是新添加的区域就算填上了内容也不会显示在卡片上,还需要把新加的区域写在卡片代码里。
    & B- m( W3 F' ~8 A* h! m: m( F7 o2 d- g1 N6 H. a( {

    , T4 S5 A& t; s/ p* K; ^6 k: Y# j2 H2 Q/ I3 X
    , B) g' ^2 C8 x+ n2 M# O% |+ }7 T) k

    5 R' o- L. ^* L# Y" Z" h+ r! O3 c! |8 ~2 I
    * o2 ~2 Z. l' R% Z
    使卡片显示新添加的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-卡片,把你添加的区域名字用双波浪括号括起来,放到你想要的位置。比如我想把“例句”区域放在卡片背面,就在背面模版里输入文本{{例句}}就行,比如还想换一行显示例句翻译,就输入换行代码<br>然后输入文本{{例句翻译}}。也可以直接用底下“添加字段”按钮把任何区域添加到卡片正面或背面。# e1 Z: n0 M. s, A
    7 ?: u2 j8 ]1 f: S; {4 f9 F
    5 m5 N6 ^0 M! ?$ N" o9 u" J

    ) {5 ]1 ^4 u7 g+ \/ D4 U/ |现在这个卡面的信息就全了,我想要的都能显示在卡片上了。但是现在卡片很丑,自己又不懂CSS不会修改卡片样式肿么办?可以这样:先下载一个别人做好的比较好看的卡片模版,然后把别人模版里“正面模版”、“背面模版”、“格式刷”里的代码全都复制添加到Image Occlusion Enhanced卡片模版里。然后把原IO卡片里的那些代码,剪切到你想放的位置,其余代码稍微修改下。还需要把别人代码里的区域名字改成你自己的。比如别人模版里,可能有个叫做“知识”的区域,你想把你自己的IO卡片里的“拓展”区域对应成这个区域,那么就要把别人代码里所有“知识”改成“拓展”。2 l% l' }  }( p) g( ^7 _7 J4 T' W
    * N. ^9 ^) T2 C: A8 }
    观察一下原IO卡片的代码,“正面模版”里,图片的代码是以下部分。把它剪切的别的位置,图片就在新位置显示了。背面同理。
    # R8 q. p  \4 O! i" o; w& x, e: _

    + f; C7 S, b6 p0 x1 T/ M4 N8 v' N
    最终效果:卡片样式修改自leaflyer(http://leaflyer.lofter.com/post/4798b6_a4492e3. D6 j5 c' _6 d& U0 H# ~
    + B( b% u7 z: k+ ]3 t- n# D

    - S& H1 R  k. N. g) r, n' L' r# _6 a) K6 j
    : W# \. O7 s8 w

    4 G' q, F2 [2 V6 T

    评分

    1

    查看全部评分

    该用户从未签到

    发表于 2019-3-15 23:29:50 | 显示全部楼层

    , I+ S( x4 K5 H8 u1 b& R感觉很强大,这样做一个卡片,需要多久?

    评分

    1

    查看全部评分

  • TA的每日心情
    慵懒
    2020-5-3 12:06
  • 签到天数: 40 天

    [LV.5]常住居民I

    发表于 2018-5-7 10:51:55 | 显示全部楼层
    感觉很强大,这样做一个卡片,需要多久?
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注掌上百科官方微信公众号送论坛充值码
    关注掌上百科官方微信公众号
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2020-10-20 05:49 , Processed in 0.032699 second(s), 12 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    快速回复 返回顶部 返回列表