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