修改&美化Image Occlusion Enhanced生成的Anki卡片

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í)叹俏,而且還想讓卡面漂亮一些妻枕。

Image Occlusion Enhanced生成的卡片

所以自己動(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末吏垮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子罐旗,更是在濱河造成了極大的恐慌膳汪,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尤莺,死亡現(xiàn)場(chǎng)離奇詭異旅敷,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)颤霎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門媳谁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人友酱,你說(shuō)我怎么就攤上這事晴音。” “怎么了缔杉?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵锤躁,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我或详,道長(zhǎng)系羞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任霸琴,我火速辦了婚禮椒振,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘梧乘。我一直安慰自己澎迎,他們只是感情好庐杨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著夹供,像睡著了一般灵份。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上哮洽,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天填渠,我揣著相機(jī)與錄音,去河邊找鬼袁铐。 笑死揭蜒,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的剔桨。 我是一名探鬼主播屉更,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼洒缀!你這毒婦竟也來(lái)了瑰谜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤树绩,失蹤者是張志新(化名)和其女友劉穎萨脑,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饺饭,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡渤早,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了瘫俊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鹊杖。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖扛芽,靈堂內(nèi)的尸體忽然破棺而出骂蓖,到底是詐尸還是另有隱情,我是刑警寧澤川尖,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布登下,位于F島的核電站,受9級(jí)特大地震影響叮喳,放射性物質(zhì)發(fā)生泄漏被芳。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一馍悟、第九天 我趴在偏房一處隱蔽的房頂上張望畔濒。 院中可真熱鬧,春花似錦赋朦、人聲如沸篓冲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)壹将。三九已至,卻和暖如春毛嫉,著一層夾襖步出監(jiān)牢的瞬間诽俯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工承粤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留暴区,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓辛臊,卻偏偏與公主長(zhǎng)得像仙粱,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子彻舰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容