大家好，在上一篇文章中，我已經解釋了Anki原理、為什麼推薦Anki、還有我的單字卡及如何使用Anki來背單字。這篇文章我會著重在如何使用我的模板，將它改成符合你喜愛的樣式。
另外，這只是我自己的使用心得、自己摸索出來的方法，所以若是太困難的需求請另找高手XD
延伸閱讀：Anki使用1年心得：用長期記憶法背單字
如何安裝？
下載後直接點擊「範例__範例英文字卡.apkg」檔案，字卡就會自動新增到你的Anki裡。
Anki介面更改方式？HTML？CSS？
通常正面（Front Template）、反面(Back Template)卡片的架構是用html語法寫，例如我正面要放問題；背面放答案和例句。
卡片整體的樣式（Styling）則是用CSS語法寫的，例如卡片背景顏色、字體大小、字距等等。
若你想做什麼修改，但不知道語法時，最簡單的方式就是直接Google，例如：CSS 改顏色，或是可以用w3schools搜尋。
⓵ 如何更改主色調、背景顏色？
這應該是大家一開始最想客製化的部分，也最簡單。
在 “Styling” 找到「卡片整體」、「顏色」，寫著#XXXXX的就是顏色代碼，我設計了一個背景色、三種不同主題顏色、三種主題淺色。
color: #XXXXX ➝ 字體顏色
background-color: #XXXXX ➝ 背景顏色
另外推薦二個我常用的配色網站：coolors、colorhunt，這兩個網站都有很多好看的配色，可以上去玩玩看。
⓶ 如何更改字體大小？
這也是讓我最困擾的地方了，因為每個人的手機、電腦大小都不同，我光是要調整自己在手機、筆電都看得舒服的版本就花了一些時間，簡單介紹每行代表的意思，你可以在 ” Styling ” 調整出最適合自己的字體大小。
font-size: 18px; ➝ 字體大小，此行以防瀏覽器不支援下一行語法時有基本設定
font-size: min(max(3.5vw, 18px), 30px); ➝ 字體大小，此行的意思是字體大小是3.5vw，最小值18px，最大值30px
vw表示的是view width，也就是螢幕寬度的百分比，例如螢幕寬度為1000px，1vw就等於10px。。
line-height:1.5; ➝ 行高，通常舒服的行高為1.5-2
text-align: center; ➝ 字體排列，center是置中的意思
⓷ 如何更改內距、外距？
一個模板的好看與否，適當留白絕對佔很大的必要因素，光想到文字都貼著邊邊就覺得很不舒服，這就是設計的小堅持！
❶ 內距 padding
內距請參考圖片中的土黃色箭頭，就是travel這個字框需有要多內距留白。
padding: 8px 8px; ➝ 上下內距8px、左右內距8px
若四邊都要不同距離，也可以寫成:
padding: 8px 10px 8px 10px; ➝ 數字代表上、右、下、左
❷ 外距 margin
外距請參考圖片中的藍色箭頭，就是travel這個字框要往外推多少距離。
margin-bottom: 20px; ➝ 代表下20px，也可以寫成 0px 0px 20px 0px
❸ 圓角
另外一個小堅持就是圓角拉！你的方格若是加上圓角會瞬間溫暖許多。
border-radius:8px 8px 0px 0px; ➝ 數字代表上、右、下、左
⓸ 如何加入icon小圖示？
在上個段落圖片中，標題兩旁有小國旗icon，因為他是存在我的資料庫裡，所以有需要的人請用以下方式加入圖示。
❶ 至icon8下載你喜歡的圖片
❷ 將圖片檔名改成english.png （也可以別的名稱，只要和語法寫相同名稱即可）
❸ 將圖片放到collection.media資料夾 （須用電腦作業）
- MAC位置：前往 ▸ Library資源庫 ▸ Application Support ▸ Anki2 ▸ User 1 ▸ collection.media
注意你的資源庫若是隱藏，按option即可叫出資源庫
- Windows位置：檔案總管 ▸ %APPDATA%\Anki2 ▸ User 1
❹ 通常這樣圖片就會顯示出來，到Anki模板front template找到以下程式碼，確認檔案名稱是否相同。
<img style="width: 20px; height: 20px;padding-right: 5px;" src="english.png"> Spelling <img style="width: 20px; height: 20px;padding-right: 5px;" src="english.png">
沒想到我會有教語法的一天，內容非常初級，但對完全不懂語法的人來說，這些就能幫助你把模板改成富有個人特色的樣式了！若這篇文章對你有幫助可以留言給我支持，想要下載免費模板的人請參考下面這篇文章。
歡迎訂閱正經旅行 Youtube頻道 、IG，你的回饋會是我很大的動力，若是有其他想一起討論的也可以在下方留言！
請問windows版本的collection.media 在哪
在檔案總管輸入 %APPDATA%\Anki2 ，然後進入「個人檔案1」就會看到了，如果是舊版的Anki軟體可能會在「文件」→「Anki」的資料夾裡面
謝謝幫忙回覆～～
請問是否可以簡單示範一次如何使用這卡片嗎？
內容都看得懂但是不知道如何使用字卡（字、音標、中文⋯）
嗨～哪部分看不懂呢？
可以參考下面這篇文章：「介紹我的單字卡」段落，有詳細介紹卡片每個欄位意思
http://serioustravel.co/anki/
妳好：其實是想了解或示範，一個單字如何加入字卡內，或例句要增加的一些應用方式。
或錄一段參考看看！
英文字卡我比較常使用Fast Word Query外掛，輸入單字後，自動抓特定辭典資料，但用這個方法會一個單字一次抓到很多意思，我會將內容精簡一點，只留幾個我認為當下需要知道的解釋＆例句。
德文字卡我是搭配課程單字表建立卡片，我有去抓網路上做好的整包單字卡，然後把它們當成素材包（不會直接背這組），當我要輸入特定單字時，就去找找看有沒有已經存在的卡片，有的話就將其修改＋補充音訊檔案到我自己的字卡組，這麼做只是為了節省一些輸入單字卡的時間。