Image Occlusion Enhanced 是一個(gè)Anki的插件睬魂,用來(lái)遮擋圖片里的局部區(qū)域矩屁,這樣圖片上的內(nèi)容也可以制作成卡片絮蒿≡绱Γ基本教程:《插件篇——Image Occlusion 2.0 使用教程》(https://zhuanlan.zhihu.com/p/21463061 )捷雕。
但用的時(shí)候發(fā)現(xiàn)它生成的卡片默認(rèn)樣式比較簡(jiǎn)單椒丧,我想要的一些信息都木有。比如我一般用它來(lái)把美劇截圖里的生詞蓋住救巷,作為背單詞的語(yǔ)境提示壶熏。我想要的效果是,卡片正面顯示挖空的截圖浦译,背面顯示完整截圖+音標(biāo)棒假、發(fā)音、釋義精盅、例句帽哑、來(lái)源、拓展知識(shí)叹俏,而且還想讓卡面漂亮一些妻枕。
所以自己動(dòng)手修改一下,修改之前請(qǐng)務(wù)必把原筆記類型克隆一份用作備份。因?yàn)椴粫?huì)CSS佳头,所以以下所有代碼都是參考別人的鹰贵。
修改已有區(qū)域:先打開 工具-Image Occlusion Enhanced Options,把紅線圈出來(lái)的名字修改成自己想要的區(qū)域康嘉。Image碉输、___ mark這些可以不用改,這是用來(lái)放生成的圖片的亭珍。修改完以后敷钾,還不夠用怎么辦?比如我還想加入例句和例句翻譯肄梨,但是兩個(gè)Extra已經(jīng)用完了阻荒,再?zèng)]位置可以放了。
添加新的區(qū)域:打開 工具-管理筆記類型-選中Image Occlusion Enhanced-區(qū)域 繼續(xù)添加就行众羡∏壬模可以自己排列一下各個(gè)區(qū)域的順序,那些不能修改的圖片區(qū)域往后排排粱侣。完成以后羊壹,用它生成卡片,然后編輯卡片齐婴,就能看到新加的區(qū)域了油猫。但是新添加的區(qū)域就算填上了內(nèi)容也不會(huì)顯示在卡片上,還需要把新加的區(qū)域?qū)懺诳ㄆa里柠偶。
使卡片顯示新添加的區(qū)域:打開 工具-管理筆記類型-選中Image Occlusion Enhanced-卡片情妖,把你添加的區(qū)域名字用雙波浪括號(hào)括起來(lái),放到你想要的位置诱担。比如我想把“例句”區(qū)域放在卡片背面毡证,就在背面模版里輸入文本{{例句}}就行,比如還想換一行顯示例句翻譯蔫仙,就輸入換行代碼<br>然后輸入文本{{例句翻譯}}料睛。也可以直接用底下“添加字段”按鈕把任何區(qū)域添加到卡片正面或背面。
現(xiàn)在這個(gè)卡面的信息就全了匀哄,我想要的都能顯示在卡片上了。但是現(xiàn)在卡片很丑雏蛮,自己又不懂CSS不會(huì)修改卡片樣式腫么辦涎嚼?可以這樣:先下載一個(gè)別人做好的比較好看的卡片模版,然后把別人模版里“正面模版”挑秉、“背面模版”法梯、“格式刷”里的代碼全都復(fù)制添加到Image Occlusion Enhanced卡片模版里。然后把原IO卡片里的那些代碼,剪切到你想放的位置立哑,其余代碼稍微修改下夜惭。還需要把別人代碼里的區(qū)域名字改成你自己的。比如別人模版里铛绰,可能有個(gè)叫做“知識(shí)”的區(qū)域诈茧,你想把你自己的IO卡片里的“拓展”區(qū)域?qū)?yīng)成這個(gè)區(qū)域,那么就要把別人代碼里所有“知識(shí)”改成“拓展”捂掰。
觀察一下原IO卡片的代碼敢会,“正面模版”里,圖片的代碼是以下部分这嚣。把它剪切的別的位置鸥昏,圖片就在新位置顯示了。背面同理姐帚。
最終效果:卡片樣式修改自leaflyer(http://leaflyer.lofter.com/post/4798b6_a4492e3)