Skip to main content

Deck Anki online

So với các phương pháp đã có như dùng "DB BROWSER FOR SQLITE" để đưa ảnh+mp3 trong Deck Anki lên repo Github và cập nhật link vào thẻ Anki làm nhẹ deck...
Đây là cách tối ưu để làm việc này!

Ví dụ repo đã tạo là: https://github.com/xxxx/anki_media_online
Trong Repo này chứa ảnh và mp3 của deck Anki C:\Users<TênUser>\AppData\Roaming\Anki2\Thuonline
File ảnh trong repo có link: https://github.com/xxxx/anki_media_online/blob/main/mayIcomein.jpg
Trước khi cập nhật để thay link ảnh hiện có trong thẻ Anki

<img src="mayIcomein.jpg">

ta phải chuyển path sang dạng raw link ảnh này thành:

https://raw.githubusercontent.com/xxxx/anki_media_online/main/mayIcomein.jpg

nghĩa là thành code:

<img src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/mayIcomein.jpg">

MP3 có link: https://github.com/xxxx/anki_media_online/blob/main/mayicome.mp3 https://github.com/xxxx/anki_media_online/blob/main/mayicomeV.mp3
Link raw của file mp3 là: https://github.com/xxxx/anki_media_online/raw/refs/heads/main/mayicome.mp3

Ta cũng thay code audio mp3 trong thẻ hiện có ví dụ là:

[sound:mayicome.mp3]

thành:

<audio controls="" autoplay="">
&nbsp; <source src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/mayicome.mp3" type="audio/mpeg">
</audio>

và:

<audio controls="" autoplay="">

&nbsp; <source src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/mayicomeV.mp3" type="audio/mpeg">
</audio>

Ghi chú: Muốn audio chạy thủ công thì dùng:

<audio controls>
<source src="...

muốn chạy tự động thì dùng code:

<audio controls autoplay>
<source src="...

CÁCH 2: Thực hiện kết quả tốt! Trong Back Template đoạn set hiển thị hình ta thay bằng giòng code sau đây:

{{#Image}}
<img src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/{{Image}}">
{{/Image}}

Hoặc cần hiển thị hình kích cỡ nhất định ta dùng:

<div style='font-family: Arial; font-size: 20px;'></div>
<center>{{#Image}}
  <img src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/{{Image}}" style="max-width:600px;" />
{{/Image}}
</center>

Và trong Field "Image" ta chỉ cần nhập đơn giản tên hình muốn hiển thị trong mặt "Back". Ví dụ: "mayIcomein.jpg" Về phần Audio MP3: Dùng code này cho phần Audio, ví dụ mặt Front audio Vietnam, field "AudioVN"

{{#AudioVN}}
<audio controls autoplay>
  <source src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/{{AudioVN}}" type="audio/mpeg">
  Trình duyệt của bạn không hỗ trợ audio.
</audio>
{{/AudioVN}}

Và code audio này cho mặt "Back" âm thanh English, field "English Audio":

{{#English Audio}}
<audio controls autoplay>
  <source src="https://raw.githubusercontent.com/xxxx/anki_media_online/main/{{English Audio}}" type="audio/mpeg">
  Trình duyệt của bạn không hỗ trợ audio.
</audio>
{{/English Audio}}

Field âm thanh 2 mặt chỉ cần path đơn giản, ví dụ: "cutunhien.mp3" hay "goahead.mp3" Làm thành công đến đây rồi ta có thể xóa sạch mọi file media trong folder ví dụ: "C:\Users<TênUser>\AppData\Roaming\Anki2\Thuonline\collection.media" Folder này trở nên không cần thiết nữa và bây giờ thành quả là:

  • 📦 Bộ nhớ Anki gọn nhẹ (deck export nhỏ xíu vì không kèm media).

  • 🌐 Chia sẻ deck nhanh, không cần gửi kèm folder media cồng kềnh.

  • 📱 Anki Desktop và AnkiDroid đều tải được ảnh/mp3 trực tiếp online.

  • 🔄 Cập nhật media chỉ cần push lên GitHub, không phải sửa deck. Như vậy ta đã hoàn toàn tách rời media khỏi collection.media của Anki và thay bằng link online (GitHub raw). Quá tuyệt vời! So với cách dùng "DB Browser for SQLite" xử lý file mp3 trong repo Github thì cách làm này ưu việt hơn vì tránh được nhược điểm:

  • Thao tác thủ công trong SQL, dễ sai cú pháp, dễ làm hỏng DB nếu không cẩn thận.

  • Mỗi lần muốn cập nhật hàng loạt path audio lại phải vào mở DB Browser, import/export CSV rồi replace → khá mất thời gian.

  • Khi sửa trực tiếp database, nguy cơ hỏng index hoặc mất đồng bộ media nếu lỡ tay. Cách làm này dùng Script Python/AnkiConnect thuận tiện thao tác hàng loạt, tự động và dễ lặp lại.
    GHI CHÚ: "xxxx" ghi trong link là tài khoản Github dùng Repository! Bạn hãy thay bằng user thực tế hiện sử dụng!

5:10:44 AM