跳转至

语雀高亮块转译到Mkdocs

概要: 测试语雀高亮块与mkdocs的Admonitions效果差异

创建时间: 2022.09.24 22:31:48

更新时间: 2023.10.18 22:36:26

语雀效果

image.png

语雀源码

上面的效果直接由语雀API转译后,得到如下源码

Markdown
:::tips
高亮块
:::
:::info
高亮块
:::
> 高亮块

> 高亮块

:::success
高亮块
:::
:::warning
高亮块
:::
:::danger
高亮块
:::
> 高亮块

> 高亮块
再次翻译到Mkdocs中,效果如下
image.png
可以说,没有效果。

与mkdocs的正确转译

抛开被语雀API翻译为引用的几种效果,可以正确转译的如下

tips-语雀

Markdown
1
2
3
:::tips
高亮块
:::
image.png

tip-mkdocs

Markdown
!!! tip "高亮块标题"
    高亮块内容
image.png

info-语雀

Markdown
1
2
3
:::info
高亮块
:::
image.png

info-mkdocs

Markdown
!!! info "高亮块标题"
    高亮块内容
image.png

success-语雀

Markdown
1
2
3
:::success
高亮块
:::
image.png

success-mkdocs

Markdown
!!! success "高亮块标题"
    高亮块内容
image.png

warning-语雀

Markdown
1
2
3
:::warning
高亮块
:::
image.png

warning-mkdocs

Markdown
!!! warning "高亮块标题"
    高亮块内容
image.png

danger-语雀

Markdown
1
2
3
:::danger
高亮块
:::
image.png

danger-mkdocs

Markdown
!!! danger "高亮块标题"
    高亮块内容
image.png