完善

Former-commit-id: dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly 8bbdd72ba63cd9161b2b2e51826b8813e8c9fffc [formerly e7d3090ad5a6f6801b32d0abce9a4e9291fcc0e7]]]]]
Former-commit-id: 1be4f8ac464528598b8a52649c107686d01c08d8
Former-commit-id: 7317640b0da3a039d8ca5b6457c1263fc1261272
Former-commit-id: 29d4f7df0be48866f4309a012d38e008e1725438 [formerly 9ee9681b4a3200cc3b344673e83d9f5e4343f07a]
Former-commit-id: fddc0694f8fbf921142069e11ff694ea218fa0d9
Former-commit-id: 92059d07f780aa09aaff77faf9bc41a8bd6269f0
Former-commit-id: aef5ddaf56545324913a9b425e7f8b7c3ed45518
Former-commit-id: 279be73fde5a48ddc78a258a2ea55a3b0d64fe2b
Former-commit-id: b970cb8f0bbe694a3bf733e726f8c833a1f3f511

docs/zh/components/markdown.md

@@ -0,0 +1,88 @@
+# markdown 渲染器
+
+## 参数
+
+| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- | --- |
+| url | markdown文件地址 | 非 | String |  | 无 |
+| source | markdown内容 | 非 | String |  | 无 |
+| highlight | 代码高亮 | 非 | Boolean |  | false |
+| baidupan | 百度网盘分享链接显示优化 | 非 | Boolean |  | true |
+
+## 使用方法
+
+加载一个.md文件
+
+``` vue
+<d2-markdown url="/static/md/xxxx.md"/>
+```
+
+加载资源
+
+```vue
+<template>
+  <d2-markdown :source="doc"/>
+</template>
+
+<script>
+const doc = `
+# Header
+
+## title
+
+text`.trim()
+
+export default {
+  data () {
+    return {
+      doc
+    }
+  }
+}
+</script>
+```
+
+D2Admin 已经帮你配置好 webpack，你可以使用以下方式加载 markdown 文件
+
+```vue
+<template>
+  <d2-markdown :source="doc"/>
+</template>
+
+<script>
+import doc from './md/doc.md'
+export default {
+  data () {
+    return {
+      doc
+    }
+  }
+}
+</script>
+```
+
+## 百度网盘分享链接优化
+
+当书写类似下面的分享链接时
+
+::: tip
+需要 `baidupan = true`
+:::
+
+```
+普通分享链接
+
+> https://pan.baidu.com/s/1kW6uUwB
+
+私密分享链接
+
+> 链接: https://pan.baidu.com/s/1ggFW21l 密码: 877y
+```
+
+markdown 中引用部分的文本由于被识别为百度云的分享链接，所以不会被当做 `blockquote` 渲染（非百度云链接的引用行不会改变），会以一种特别的块来显示，效果见下
+
+![效果](./image/baiduyun.png)
+
+::: tip
+了解 D2Admin 是如何在 markdown 中匹配百度云链接的？ [查看源码](https://github.com/d2-projects/d2-admin/blob/master/src/components/core/d2-markdown/index.vue)
+:::