Anki卡片共享CSS的方法

原文地址:https://www.lujun9972.win/blog/2021/05/24/anki卡片共享css的方法/index.html

Anki 允许为不同的卡片类型设置不同的CSS样式，但有时我们会希望在多个卡片类型之间共享同一份样式以保证卡片展示的一致性。 由于 collection.media 目录中的文件所有卡片都能访问，因此可以将该目录作为中转中心实现卡片间共享CSS的目的。

1. 将 CSS 文件放在 collection.media 目录中

   Windows下该目录所在路径为 %appdata%\Anki2\用户\collection.media\

   Linux下该目录所在路径为 ~/.local/share/Anki2/用户/collection.media

   MAC下该目录路径为 ~/Library/Application Support/Anki2/用户/collection.media

2. 为了防止 CSS 文件在 检查媒体 时被作为无用媒体文件删除，CSS 文件需以下划线(_)开头。

   cat _anki_base.css
   

   .extra{
       margin-top:15px;
       font-size:16px;
       color: black;
       text-align:left;
   }
   

3. 编辑卡片样式，在样式中通过 @import url("_anki_base.css"); 引入共享的CSS文件。