徽章与文字高亮

在 vitepress 中对文字进行高亮。

徽章

使用
- 语法: <Badge type="字符串类型" text="徽章内容"/>
- 在主题的 css 文件中自定义 type 值的样式
展示
- 徽章测试,徽章居上 important
- 徽章测试,徽章居中 beta
- 徽章测试,徽章居下实验性质
- 徽章测试,徽章居上新的徽章

颜色高亮

vitepress 中使用 html font 标签要用 v-pre 包裹，不然构建时会报错
语法：<span v-pre><font style="color: rgb(222, 120, 2);padding: 5px 5px">文字</font></span>

我的字体颜色变成了橙色
我的字体颜色变成了橙色
我的字体颜色变成了橙色
我的字体颜色变成了橙色
我的字体颜色变成了橙色
我的字体颜色变成了橙色

带有背景的颜色高亮

仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色
仔细观察我的字体变成了什么颜色