Skip to content

样式示例

本页面展示网站支持的各种样式和组件,供内容编写者参考。

面包屑导航

当你浏览此页面时,应该在页面顶部看到面包屑导航,显示:首页 / 新手指南 / 样式示例

面包屑会自动根据当前路径生成,帮助用户了解自己在网站中的位置。


提示框样式

信息提示框

提示

这是一个信息提示框,用于提供额外的说明或建议。

警告提示框

警告

这是一个警告提示框,用于提醒用户注意重要事项。

危险提示框

危险

这是一个危险提示框,用于强调可能导致严重后果的操作。


自定义警告高亮

除了标准的提示框,还可以使用自定义的警告高亮样式。在 Markdown 中使用 HTML 标签:

html
<div class="highlight-warning">

**重要提醒**:这是使用自定义警告高亮的示例。这种样式更加醒目,适合特别重要的警告信息。

- 第一点注意事项
- 第二点注意事项
- 第三点注意事项

</div>

实际效果如下:

重要提醒:这是使用自定义警告高亮的示例。这种样式更加醒目,适合特别重要的警告信息。

  • 第一点注意事项
  • 第二点注意事项
  • 第三点注意事项

代码块

行内代码

使用反引号包裹行内代码,例如:/reg <密码> <确认密码>

代码块

bash
# 注册账号
/reg 123456 123456

# 登录账号
/l 123456

表格

命令说明示例
/money查看余额/money
/pay <玩家> <金额>转账/pay Steve 100
/baltop财富排行/baltop

引用块

这是一个引用块,可以用于引用规则、名言或其他需要强调的内容。


列表

无序列表

  • 第一项
  • 第二项
  • 第三项

有序列表

  1. 第一步
  2. 第二步
  3. 第三步

链接


图片

D-Cloud Logo


视频


使用建议

  1. 面包屑导航:自动显示,无需手动添加
  2. 术语表:遇到专业术语时,可以链接到术语表页面
  3. 警告高亮:对于特别重要的警告,使用 highlight-warning
  4. 提示框:常规提示使用 VitePress 内置的 ::: 语法

提示

本页面仅作为样式参考,不会在导航栏中显示。如需查看完整的文档结构,请参考其他页面。

基于 VitePress 构建