样式示例
本页面展示网站支持的各种样式和组件,供内容编写者参考。
面包屑导航
当你浏览此页面时,应该在页面顶部看到面包屑导航,显示:首页 / 新手指南 / 样式示例
面包屑会自动根据当前路径生成,帮助用户了解自己在网站中的位置。
提示框样式
信息提示框
提示
这是一个信息提示框,用于提供额外的说明或建议。
警告提示框
警告
这是一个警告提示框,用于提醒用户注意重要事项。
危险提示框
危险
这是一个危险提示框,用于强调可能导致严重后果的操作。
自定义警告高亮
除了标准的提示框,还可以使用自定义的警告高亮样式。在 Markdown 中使用 HTML 标签:
html
<div class="highlight-warning">
**重要提醒**:这是使用自定义警告高亮的示例。这种样式更加醒目,适合特别重要的警告信息。
- 第一点注意事项
- 第二点注意事项
- 第三点注意事项
</div>实际效果如下:
重要提醒:这是使用自定义警告高亮的示例。这种样式更加醒目,适合特别重要的警告信息。
- 第一点注意事项
- 第二点注意事项
- 第三点注意事项
代码块
行内代码
使用反引号包裹行内代码,例如:/reg <密码> <确认密码>
代码块
bash
# 注册账号
/reg 123456 123456
# 登录账号
/l 123456表格
| 命令 | 说明 | 示例 |
|---|---|---|
/money | 查看余额 | /money |
/pay <玩家> <金额> | 转账 | /pay Steve 100 |
/baltop | 财富排行 | /baltop |
引用块
这是一个引用块,可以用于引用规则、名言或其他需要强调的内容。
列表
无序列表
- 第一项
- 第二项
- 第三项
有序列表
- 第一步
- 第二步
- 第三步
链接
图片

视频
使用建议
- 面包屑导航:自动显示,无需手动添加
- 术语表:遇到专业术语时,可以链接到术语表页面
- 警告高亮:对于特别重要的警告,使用
highlight-warning类 - 提示框:常规提示使用 VitePress 内置的
:::语法
提示
本页面仅作为样式参考,不会在导航栏中显示。如需查看完整的文档结构,请参考其他页面。