Markdown 组件功能
流程图
输入：
md
```mermaid
flowchart LR
Start --> Stop
```输出：
输入：
md
```mermaid
graph LR
A[Java 数据类型] --> B[原始数据类型]
A[Java 数据类型] --> C[引用数据类型]
B --> D[整数类型]
B --> E[浮点类型]
B --> F[字符类型]
B --> G[布尔类型]
D --> H[int]
D --> I[long]
D --> J[short]
D --> K[byte]
E --> L[float]
E --> M[double]
F --> N[char]
G --> O[boolean]
C --> P[类]
C --> Q[接口]
C --> R[数组]
```输出：
更多使用方式，请查看 VitePress Plugin Mermaid 官网
链接卡片
输出：
徽章
组成
由三部分组成：标签、消息和颜色，其中标签可以不写，但消息和颜色必须存在！
格式：label-message-color(由左至右)
- label：标签
- message：消息
- color：颜色
实操
在输入框输入 any text-you like-blue
说明
用 _ 或 %20表示空格，- 分隔内容
如果你想要输入一个真的 - ，那么用两个 -- 来表示一个真的 -
生成链接：https://img.shields.io/badge/any\_text-you\_like-blue
输入：
md
输出：
如果不写标签，只写消息和颜色的话，输入 just_do_it-8A2BE2
生成链接：https://img.shields.io/badge/just\_do\_it-8A2BE2
输入：
md
输出：
点击输入框下面的 Show optional parameters 展开更多详细信息
我随机填了一些信息，logo 可以使用 Simple Icons
输入：
md
输出：
静态徽章做跳转的话，可以直接使用 markdown 格式
md
[](https://shields.io/badges)效果：
关于其他动态徽章
可以参照官网，挨个摸索并不难上手
效果演示
效果：
后端技术栈
前端技术栈
DevOps
运维技术栈
测试技术栈
开发工具
其他
Github 美化
个人介绍页面，如何高大上
新建一个 自己的账户名 的仓库，然后参照下面的教程