114 - 《手撕源码 09：markdoc》

markdoc 是最近 Stripe 出的文档工具，吸引了不少眼球。markdoc 引入了一种新的 markdown 编写方式，可以和任意语言结合使用，目前支持 react 和 html。

和 mdx 有啥区别？mdx 只针对 react，并且自定义内容的接入方式只能是组件；markdoc 理论上可接入任意语言，接入方式除了组件（tag），还有函数、attriubte、variable、表达式等。以下是 markdoc 和 mdx 的语法例子。

# Hello Umi
{% image src="/logo.svg" /%}
{% callout type="check" %}
Umi is yet another React Framework.
{% /callout %}

import { Image, Callout } from './components';
# Hello Umi
<Image src="/logo.svg" />
<Callout type="check">
Umi is yet another React Framework.
</Callout>

markdoc 提供 3 个功能，parse、tran