b32b84cdb1
Former-commit-id: 1c069d76278e418a4025d9507b64394b78d6c1dc Former-commit-id: 196c50502c7c5dd567997000db8007406f2c7866 Former-commit-id: ce840c9b082c237c18e93ca38dc704000e355341 Former-commit-id: 81026579f627bbcbafce3aebbe444b9678cc4530
60 lines
1.3 KiB
Markdown
60 lines
1.3 KiB
Markdown
# markdown 渲染器
|
|
|
|
## 参数
|
|
|
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
|
| --- | --- | --- | --- | --- | --- |
|
|
| url | markdown文件地址 | 非 | String | | 无 |
|
|
| source | markdown内容 | 非 | String | | 无 |
|
|
| highlight | 代码高亮 | 非 | Boolean | | false |
|
|
| baidupan | 百度网盘分享链接显示优化 | 非 | Boolean | | true |
|
|
|
|
## 使用方法
|
|
|
|
加载一个.md文件
|
|
|
|
``` vue
|
|
<d2-markdown url="/static/md/xxxx.md"/>
|
|
```
|
|
|
|
加载资源
|
|
|
|
``` vue
|
|
const md = `# Header
|
|
|
|
## title
|
|
|
|
text`
|
|
|
|
<d2-markdown :source="md"/>
|
|
```
|
|
|
|
## 百度网盘分享链接优化
|
|
|
|
当书写类似下面的分享链接时
|
|
|
|
::: tip
|
|
需要 `baidupan = true`
|
|
:::
|
|
|
|
```
|
|
普通分享链接
|
|
|
|
> https://pan.baidu.com/s/1kW6uUwB
|
|
|
|
私密分享链接
|
|
|
|
> 链接: https://pan.baidu.com/s/1ggFW21l 密码: 877y
|
|
```
|
|
|
|
markdown 中引用部分的文本由于被识别为百度云的分享链接，所以不会被当做 `blockquote` 渲染（非百度云链接的引用行不会改变），会以一种特别的块来显示
|
|
|
|
就像这样
|
|
|
|
> https://pan.baidu.com/s/1kW6uUwB
|
|
|
|
上面的块会嵌套在你的 markdown 渲染结果中
|
|
|
|
::: tip
|
|
了解 D2Admin 是如何在 markdown 中匹配百度云链接的？ [查看源码](https://github.com/FairyEver/d2admin-vue-element/blob/master/src/components/core/Markdown/plugin/baidupan.js)
|
|
::: |