comark-icon
在Markdown中将图标图标化，写为 :icon{name="lucide:apple"}． 图标在解析时被解析并绘制为CSS图像，因此页面不需要为它们请求服务器，它们无需脚本即可显示。一种颜色的图标采用其周围文字的颜色；一个标志保持自己的风格。一个 Comark HTML, Vue， React和Svelte插件。
pnpm add comark comark-icon
import { createHtmlRenderer } from "@comark/html";
import icon, { components } from "comark-icon/html";
const render = createHtmlRenderer({ plugins: [icon()], components });
Press :icon{name="lucide:command"} K to search.
Built with :icon{name="logos:vue" label="Vue"}.
name 是 set:name，从任何时候开始 icones.js.org，或图像URL。Nuxt UI的 i-lucide-apple 作品。没有一个 label 图标是装饰和屏幕阅读器跳过它。
没有选项，图标来自Iconify API。要离线构建，安装您使用的集合并传递它们： icon({ collections: { lucide }, fetch: false }), import { icons as lucide } from "@iconify-json/lucide"． 一组也可以是SVG标记的名称，用于您自己的图标。 fetch 也接受您自己的Iconify API的URL。
插件增加了每一个问题 meta.issues 把图标去掉。
渲染器
| 渲染器 | 进口 |
|---|---|
@comark/html | comark-icon/html：样式是内联的 |
@comark/vue | comark-icon/vue |
@comark/react | comark-icon/react |
@comark/svelte | comark-icon/svelte |
每个条目将解析插件导出为 default 还有渲染器 components。进口 comark-icon/style.css 在服务器上渲染时使用样式。
一个图标是 .ci， 1em 高;集 --comark-icon-size 去改变它。规则放在 comark CSS层，所以任何简单的规则你自己的胜利；参见图标 主题页面。
对于其他插件
createIcons(options) 返回一个解析器 resolve(names)，它从不抛出并将每个名字映射到它的图标或问题； describeIconProblem() 文字是一个问题的方式，这个插件。将一个解析器传递给每个绘制图标的插件，这样页面就可以设置一次选项，然后绘制 iconHtml() 和 iconStyles(state) 从 comark-icon/html 或者是 Icon 组件。看到 指南。