该库为一个markdown编译器，它将文本编译为具体的dom结构，目前支持以下常用语法：
-
小代码块：``sample``或`sample`
-
斜体：
*sample* -
粗体：
**sample** -
有序/无序列表：
1. sample/+/- sample -
大代码块： ```js sample ```
-
引文：
>sample -
图片：
![]() -
链接：
[]() -
删除线：
~sample~或~~sample~~ -
标题
h1~h6：# sample等等 -
内联元素嵌套：
>sample1 *sample*...
如果直接引入，则是纯净版的Markdown编译器。
import { LMarkdown } from 'l-markdown'那么其构造函数可以接受一个配置(可选)，配置对象的具体字段为：
new Markdown({
mode, // 编译模式，对应上述
c, // vnode模式下必选，必须为其传入创建vnode的函数
renderClass, // 一个对象，由元素与class的键值对组成
transformTotree, // vnode模式下的可选项，是否将文本形成一颗树状结构
});初始化Markdown实例后，我们即可调用其compile(text)函数来对其传入的文本来进行输入：
md.compile('# some text'); // <h1>some text</h1>那么下面对配置对象进行具体的解释
一共支持三种模式的编译，它们分别为：
-
dom：直接生成DOM片段 -
vnode：直接生成VNode节点树 -
text：直接生成文本结构的DOM片段(默认)
对于当前环境不支持的模式，会自动嗅探，降级为text模式。
该参数用于设置生成元素对应的class，支持传入一个对象，分别用键名表示对应元素，键值表示要添加的class。class支持数组、字符串形式。
示例：
let renderClass = {
'p': 'paragraph',
'h1': ['title', 'topic'],
'ul.li': 'ul-list-item sss'
};对于列表子元素这种的设置，需要为其指定父元素与此类似的还有ol.li与code.pre
该两个参数只能适用于vnode模式之下。当使用vnode模式时，必须传入其渲染VNode的函数作为c，否则无法进行创建。
而参数transformTotree则是作为一个可选的附加功能，它会帮你自动追踪生成的DOM元素与对应的h1~h6元素，并且会将其整理为一个树形结构返回，比如下面的文本：
`# h1
## h2
## h3`那么它会生成一颗这样的树：
` h1
/ \
h2 h3
`这主要的目的是用来帮助生成目录。
最后要注意使用该参数时，会返回一个接口，如下：
const renderHelper = {
// 生成的VNode的根节点
rootVNode,
// 生成的目录树形图的根节点
nodesTreeRoot,
// 生成的目录在DOM中顺序的数组
nodesTreeMap,
// 用于绑定对应目录与对应元素
bindElement
}我们还需要手动调用bindElement()函数来将元素绑定到对应的目录所代表的树形AST对象
除了基本的编译器外呢，它还携带了三个开箱即用的Markdown组件，它们都可以一起或单独引入。
首先是l-markdown组件，它封装了编译器，直接输出元素到浏览器中。
第二个是l-catalog组件，它必须配合l-markdown和l-gradient-color组件(这个组件可以不是必须的，但是我觉得好看强行必须了)使用。它可以使用l-markdown暴露出来的接口来进行目录的生成。目录会按当前内容的文档等级生成(可以不按顺序)，并且当前被选中的目录会跟随文档阅读进度一同更新；点击目录也可以跳转。
第三个组件是l-gradient-color组件，这是个普通的元素标签，不过其背景是不断变化的渐变色，主要是好看！
// 需要手动安装
import LMarkdown from './node_modules/l-markdown/lib/l-markdown'
import LCatalog from './node_modules/l-markdown/lib/l-catalog'
import LGradientColor from './node_modules/l-markdown/lib/l-gradient-color'通过以下方法也可以直接引入三个组件：
import LMarkdown from './node_modules/l-markdown/lib/l-markdown.component'
import Vue from 'vue'
Vue.use(LMarkdown);首先是l-markdown组件，它接收三个参数分别为：
const props = {
renderClass: Object, // 同编译器
transformTotree: Boolean, // 同编译器
text: String // 要编译的文本
}当设置第二个参数时，该组件会通过自定义事件md-dom-tree暴露生成的整理DOM节点形成的目录树和该目录树在DOM顺序的数组。将这两个参数传递给l-catalog即可，当然你也可以通过它自己来生成目录。
那么第二个组件是l-catalog，它有必须同时接收两个参数，还有个参数是可选的：
const props = {
threshhold: Number, // 屏幕上方距离标题该位置时，更新目录
nodesTreeRoot: Object, // 目录的根节点
nodesTreeMap: Array // 目录的节点的数组(可选)
}接下来该库的计划为：
- 完成大代码块代码上色
- 优化代码结构
- 完成列表的嵌套生成
- 允许传入自定义函数操控对应元素
AST对象上的属性 - 添加错误定位与报错提示