Skip to content

XMarkdown

XMarkdown 为 Anki 字段提供标准的 Markdown 支持,让你可以通过简洁的语法实现精美的卡片排版。

排版建议

建议搭配 StyleKit 使用。XMarkdown 负责「转换结构」,而 StyleKit 负责「视觉美化」(如标题、列表、引用块的精致样式)。

快速开始

在 Anki 的 卡片模板编辑器 中进行以下配置:

1. 引入脚本

将以下脚本添加到 正面模板。如果你的 背面模板 没有包含 {{FrontSide}},则背面也需要添加。

html
<script src="https://cdn.jsdelivr.net/npm/@anki-eco/extensions/dist/xmarkdown.js" defer></script>

2. 指定渲染字段

将原本直接显示的字段(如 {{Front}})包裹在带有 data-xmd 属性的隐藏容器中:

html
<!-- 正面模板 -->
<div data-xmd hidden>{{Front}}</div>

<!-- 背面模板(示例) -->
{{FrontSide}}
<hr id="answer" />
<div data-xmd hidden>{{Back}}</div>

进阶配置:自定义样式类

如果你希望为渲染后的容器添加特定的 CSS 类,可以使用 data-xmd-class 属性:

html
<div data-xmd data-xmd-class="my-custom-style" hidden>{{Content}}</div>

反馈

如果你有任何问题或建议,请在 GitHub 上提交或 Discord 讨论

如果你觉得有用,欢迎 赞助 或 star 🌟:GitHub

Last updated: