已收錄於「一周年」專欄整理

本文又是個大坑，最近有讀者私信問我怎麼改模板，我想找篇文章直接發過去，可惜我找了半天，只找到了這篇《「Leo的Anki系列」?小白一看就懂的Anki模板修改方法》，感覺還不是很詳細(不過太詳細就不如去看Anki官網的用戶手冊了)，我就在此基礎上進行一些補充吧。

本文教程使用的 Anki 版本為 Windows 版的 Anki-2.1.9

首先，我們先到 Anki 的卡片瀏覽器中，選擇需要修改的模板對應的卡片

(為什麼不直接去筆記模板裡面改呢？因為沒有結合卡片內容的預覽，看不到具體效果。)

然後先介紹一下「欄位」，欄位就是卡片添加和編輯時，可以編輯的文本框

可以說，卡片就是由一個一個欄位組合而成的，現在就先介紹一下添加欄位的方法

點擊「欄位」按鈕，就會顯示以下界面，點擊添加，然後命名新欄位，即可增加新欄位，而「重新定位」是指添加或編輯卡片時，欄位從上至下的排列順序

而下面的字體也是指在添加和編輯界面顯示的字體，與卡片上顯示的字體無關

最下面的「在瀏覽器中按照此欄位排序」是指在卡片瀏覽器中，該欄位被稱為排序欄位，不能為「空」

「當添加時記住上一次選擇」是指添加一張卡片後，這個欄位會保留上次輸入的內容，使用場景為「章節」、「分類」等需要重複輸入相同內容的欄位。

好了，開始進入正題，講講筆記(卡片)模板的修改與製作，我們回到卡片瀏覽器界面，點擊「卡片」按鈕，進入下面這個界面

是不是覺得很複雜？不怕，想了解的就看看我繼續分析

首先是正面模板

{{欄位名}}就是將該欄位顯示到正面上，這裡一共顯示了{{問題}}{{Deck}}{{《》}}三個欄位，如下圖，這由於這張卡片的《》欄位是空的，所以就留白了，{{Deck}}是卡片內置欄位，不需要自己設置，用來顯示卡片所屬的牌組名稱，更多特殊欄位，請參考 Anki 用戶手冊

然後你可能還想問，<div stylex=></div>這個東西是啥？

說的明白點，就是 Anki 的每張卡片其實都是一個網頁，然後這一串代碼就是 html 的標記，想要設計複雜的卡片模板，建議學習一下 html 和 css，如果只是想添加一下普普通通的欄位的話，Anki 提供了簡單的添加欄位到正面或背面的方法，只要點擊最下方的添加欄位

就會彈出一個操作界面，如下圖(旁邊兩個Add TTS是插件的效果，與教程無關)

然後就可以高高興興的選好欄位和字體以及字型大小，並添加到正面或者背面了

再等等！下面的那個<script></script>是啥？

那個是 JavaScript 的代碼，可以對卡片內容的 html 代碼進行一些比較複雜的操作，感興趣可以去學一下 js (務必選擇有空閑的假期，學這些東西其實不僅可以製作卡片模板，還能用來設計網頁和小程序，其實蠻有用的，特別是想要當前端工程師的讀者)

好了，現在我們介紹一下「格式刷」，其實就是 css

.card{

}表示這裡面的樣式是用來修飾整張卡片的內容，然后里面的內容在文章開頭分享的那篇文章里介紹過了，我就不細說了

.card.night_mode{}是專門修飾夜間模式的整張卡片，在桌面版需要安裝夜間模式插件，安卓版則是自帶的，兩者可以通用

好了，到了最後一個區域，背面模板

{{FrontSide}}是指卡片正面的所有內容

<br>是 html 里的換行符

<hr id=answer>是區分正面和反面內容的分割線

然後{{答案}}就是答案欄位

再簡單說一下{{hint:xx}}，在欄位前加上 hint: 表示這個欄位不會立即顯示出來，需要點一下才會顯示

大概效果如下(至於剩下的那些小旗子之類的效果實現，就不是本教程能夠教會的了)

OK，本文就是個入門教程，能夠儘力幫到部分讀者就是本文的價值，希望對大家有所幫助。

預告：

之後會寫一篇文章，介紹一些比較有用的插件。


推薦閱讀：
相关文章