Anki 插件 Power format pack 的使用

Anki 是一个以卡片(Flashcard)形式辅助学习和记忆的跨平台应用。支持平台有:

Power format pack 是用于制作 Anki 卡片的格式化增强的插件。其主要功能:

  • 渲染 Markdown 语法
  • 提供格式化按钮

注意,以上两个功能不能同时混用。使用时务必不要将以上两种功能混用在同一个 Flascard 中,否则可能会导致格式混乱,并难以撤销错误操作!

插件设置面板在 Tools > Supplementary buttons add-on (options) 中。

1、渲染 Markdown

Power format pack 的 Markdown 使用 Python-Markdown 来实现渲染。

代码语法高亮

在卡片编辑区域,按如下格式插入代码:

```python
def print_me(this):
    print "Printing: ", this
```
anki-plugin-button.png

然后上图点一下最右边的 markdown 按钮,即可渲染为 HTML 格式,代码实现语法高亮。

由于 Python-Markdown 的 CodeHilite 源码 HTML 为:

<div class="codehilite"><pre><code># Code goes here ...
</code></pre></div>

所以如果你需要对其渲染出来后的样式进行调整,可以对其进行 CSS 修改。例如,在 Anki 软件中的浏览 - 卡片... - 样式框中:

.codehilite pre {
    padding: 10px 14px;
    line-height: 14px!important;
}

下面的格式化功能使用和代码语法高亮相似。

定义列表

在卡片编辑区域,按如下格式实现定义列表:

Orange
:   The fruit of an evergreen tree of the genus Citrus.

脚注

在卡片编辑区域,按如下格式实现脚注:

Footnotes[^1] have a label[^@#$%] and the footnote's content.

[^1]: This is a footnote content.
[^@#$%]: A footnote on the label: "@#$%".

缩写

在卡片编辑区域,按如下格式实现缩写:

The HTML specification
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

渲染成:

<p>The <abbr title="Hyper Text Markup Language">HTML</abbr> specification
is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.</p>

属性

下面隆重介绍 属性 这个十分好用的功能。
在编写 Markdown 时,如下格式:

Some text some text.
{: #someid .someclass somekey='some value' }

则渲染出来的 HTML 元素会带有 HTML 标签属性,如 id,class 等,也就是说,只要我们定义好 CSS,就可以对其内容进行样式修改。

例如:

This is a paragraph.
{: #an_id .large }

渲染成:

<p id="an_id" class="large">This is a paragraph.</p>

那么只要在 Anki 软件中的 浏览 - 卡片... - 样式框中添加:

.large { font-size: 32px; }

更多语法格式请参考 这里

2、格式化按钮

除了 Markdown,插件内置了很多实用的 格式化按钮

anki-plugin-button.png

但千万记住,使用这些按钮时,就不要再写 Markdwon 语法的内容了,只需要在写纯文本后,选中要格式化的内容,点击相应的格式按钮即可。

非 Markdown 的代码样式

如果不想用 Markdown 的语法高亮和样式,可以配合 CSS 和格式化按钮来定义你喜欢的代码样式。这个功能是插件提供给用户的,需要一些设置。

进入插件设置面板 Tools > Supplementary buttons add-on (options),设置一个自用的代码块的 class,例如:

anki-plugin-own-cssname.png

则只需要在上面提到的 Anki 软件样式框中写上相应的样式:

.code {
    background-color: #f2f2f2;
    padding: 10px 14px;
    border:1px dashed #ddd;
    border-radius: 4px;
}

然后对编辑器中的纯文本代码选中,点击上图 {} 代码块按钮,即可对代码设置样式。行内代码是 </> 按钮。

非 Markdown 的表格样式

编辑区按如下格式输入:

header1 | header2 | header3
-|-|-
elem1 | elem2 | elem2

其中 -|-|- 是可选,它是用于文字对齐作用的,左右中对齐分别为 :--::-:

点击 表格 格式化按钮,即可生成表格。如果不选中内容就点击按钮,会弹出可选行列数的对话框。

按键样式

想在 Anki 卡片中实现下图的样式吗?

anki-plugin-kbd.png

在 Anki 软件样式对话框中写入 CSS:

kbd {
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background-color: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    font-size: 0.8em;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

然后选择文字,点击键盘形状的格式化按钮即可。

3、后话

此插件具体的使用请参考插件的 官方文档

Anki 是一款十分优秀的帮助学习和记忆的应用,我建议词典应该自己定制,一次性导入大量别人的词典,学习和记忆效果肯定是没有自己收集和整理的词条的好,虽然麻烦而且慢,但是就像笔记一样,自己的永远比别人的要好,因为这里面的知识在收集和整理的过程中,就已经慢慢内化了。

剩下的就是坚持了。

4、参考

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 艾杰老师是我见到的编随笔散文类副刋的真正行家里手,他编的文章,短小不枯干,行文自然而活泛,丰沛的文气扑面而来。文章...
    乔桥阅读 237评论 0 0
  • 缘生缘灭,自是命中定数,亦是个人作为。孑然立于红尘之中,自是不愿随波逐流,亦会不由自主。古往今来,真能得隐士之名者...
    尘间小妖阅读 501评论 0 0
  • 下楼买午餐喝的汤,这是我经常光顾的一家店,老板和老板娘在我看来是那种朴实而勤劳的人。因为生意比较好,所以经常见到两...
    橙乐天阅读 1,972评论 4 6
  • 草原之上 文/邹航 站在草原,我试图调整 自己的语言和姿态 从而拥抱大风的胸怀 这是生病的夜晚,这是冻伤的草原 原...
    邹航阅读 231评论 0 1
  • 收集的一些iOS开发技术博客与牛人共同进步 iOS基础: OC语法基础 OC代码规范 从零学习iOS开发的15条建...
    S__L阅读 248评论 1 0