掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 1649|回复: 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 编辑
    4 g' f0 \. N/ K3 Q: G$ E: c4 Q" O4 j/ L8 e" x- e
    Image Occlusion Enhanced 是一个Anki的插件,用来遮挡图片里的局部区域,这样图片上的内容也可以制作成卡片。基本教程:《插件篇——Image Occlusion 2.0 使用教程》(https://zhuanlan.zhihu.com/p/21463061 )。
    5 h7 }; ^/ r3 Q9 K3 d/ [: W0 y) W6 [+ L) o: Q! a. v4 j
    但用的时候发现它生成的卡片默认样式比较简单,我想要的一些信息都木有。比如我一般用它来把美剧截图里的生词盖住,作为背单词的语境提示。我想要的效果是,卡片正面显示挖空的截图,背面显示完整截图+音标、发音、释义、例句、来源、拓展知识,而且还想让卡面漂亮一些。* f9 B- u" y( F4 U
    , o! P7 m* d  E- I1 G9 M, a

    ; c5 s( q4 {* D1 \, h2 [4 p) @(↑Image Occlusion Enhanced生成的卡片)/ z1 c6 R" d4 C/ \( w

    $ U( H: Y2 r) {' ~+ Q9 h5 T所以自己动手修改一下,修改之前请务必把原笔记类型克隆一份用作备份。因为不会CSS,所以以下所有代码都是参考别人的。
    % @/ L3 x( |7 k, A, v4 ^5 }0 E, O
    修改已有区域:先打开 工具-Image Occlusion Enhanced Options,把红线圈出来的名字修改成自己想要的区域。Image、___ mark这些可以不用改,这是用来放生成的图片的。修改完以后,还不够用怎么办?比如我还想加入例句和例句翻译,但是两个Extra已经用完了,再没位置可以放了。
    : T1 S' o* P" e& Q+ S3 D  J+ A8 c+ S
    3 O# O" W; G5 h7 B& D

    $ y. y2 N, z$ X5 x! @  m0 E/ X2 X# k0 g, Q7 o# c
    4 g8 T* E, Z8 t0 e1 [7 t
    添加新的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-区域 继续添加就行。可以自己排列一下各个区域的顺序,那些不能修改的图片区域往后排排。完成以后,用它生成卡片,然后编辑卡片,就能看到新加的区域了。但是新添加的区域就算填上了内容也不会显示在卡片上,还需要把新加的区域写在卡片代码里。0 U( ^% S& W2 ^# W, G/ D3 M
    + X5 {$ l$ W- T; n" u: V* S
    , }9 _. {9 K4 c6 d1 m  b# w. K- B( {
    ; ~# N( n6 L4 L  q: W  o
    ) G8 s! p. |- w% H+ K
    : A& [. T. j+ x- J
    2 t7 T( p1 a7 k3 d

    / I! j* ^& |7 D& {使卡片显示新添加的区域:打开 工具-管理笔记类型-选中Image Occlusion Enhanced-卡片,把你添加的区域名字用双波浪括号括起来,放到你想要的位置。比如我想把“例句”区域放在卡片背面,就在背面模版里输入文本{{例句}}就行,比如还想换一行显示例句翻译,就输入换行代码<br>然后输入文本{{例句翻译}}。也可以直接用底下“添加字段”按钮把任何区域添加到卡片正面或背面。
    : g7 j5 T! J9 J' H$ v/ m, Q- i  P8 B2 \
    ( c5 G; L5 Q. B

    8 T* r; Q2 H: U6 |现在这个卡面的信息就全了,我想要的都能显示在卡片上了。但是现在卡片很丑,自己又不懂CSS不会修改卡片样式肿么办?可以这样:先下载一个别人做好的比较好看的卡片模版,然后把别人模版里“正面模版”、“背面模版”、“格式刷”里的代码全都复制添加到Image Occlusion Enhanced卡片模版里。然后把原IO卡片里的那些代码,剪切到你想放的位置,其余代码稍微修改下。还需要把别人代码里的区域名字改成你自己的。比如别人模版里,可能有个叫做“知识”的区域,你想把你自己的IO卡片里的“拓展”区域对应成这个区域,那么就要把别人代码里所有“知识”改成“拓展”。2 h) I% L2 M$ j6 h5 q. z, U# O
    8 h$ [7 s& R: x7 V; b( `
    观察一下原IO卡片的代码,“正面模版”里,图片的代码是以下部分。把它剪切的别的位置,图片就在新位置显示了。背面同理。
    : L. }& F3 Y6 y1 p3 j: _9 Y4 R! `2 ?, O
    0 k1 n+ }3 T1 B3 Q

    ! _. |$ {4 c" U( f7 |最终效果:卡片样式修改自leaflyer(http://leaflyer.lofter.com/post/4798b6_a4492e35 k8 Y# V8 a# o
    ) m9 ]3 |: q, k, i& o6 P
    9 q* u: V" f! ]0 L+ _; l% y. v

    ; L; A! |) P2 w" Q" z
    # H! [. E, U- ^: n8 c2 D, y3 X# _1 Q" w2 ^) q  |

    评分

    1

    查看全部评分

    该用户从未签到

    发表于 2019-3-15 23:29:50 | 显示全部楼层
    ) s: F# w3 q' [) \8 n/ [7 ^
    感觉很强大,这样做一个卡片,需要多久?

    评分

    1

    查看全部评分

  • TA的每日心情
    开心
    2021-1-27 23:23
  • 签到天数: 41 天

    [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 ( 美ICP 0000000字 )|网站地图

    GMT+8, 2021-12-8 09:00 , Processed in 0.036849 second(s), 11 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

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