Start typing to search

Press ESC to close
沉浸

文字与交互

文字与交互指令

用于美化文字和增加互动性。


高亮(mark)

  • 默认主题色高亮:这是一段 关键内容 被高亮显示
  • 黄色高亮:需要特别注意
  • 红色高亮:重要警告
  • 绿色高亮:成功提示
  • 蓝色高亮:信息说明
  • 紫色高亮:特色标注
- 默认主题色高亮:这是一段 :mark[关键内容] 被高亮显示
- 黄色高亮::mark[需要特别注意]{color="yellow"}
- 红色高亮::mark[重要警告]{color="red"}
- 绿色高亮::mark[成功提示]{color="green"}
- 蓝色高亮::mark[信息说明]{color="blue"}
- 紫色高亮::mark[特色标注]{color="purple"}
  • color 可选值:yellowgreenredbluepurpleaccent 或任意十六进制色值
  • 不传 color 时默认使用主题色

下划线(u)

  • 默认下划线:这是一段 带下划线 的文字
  • 蓝色下划线:蓝色标注
  • 红色下划线:红色警示
  • 绿色下划线:绿色强调
- 默认下划线:这是一段 :u[带下划线] 的文字
- 蓝色下划线::u[蓝色标注]{color="blue"}
- 红色下划线::u[红色警示]{color="red"}
- 绿色下划线::u[绿色强调]{color="green"}
  • color 可选值:bluegreenredyellowpurple 或任意色值
  • 不传 color 时默认使用主题色

着重号(emp)

中文传统排版中的着重号,用于 需要特别强调 的内容,常见于 法律条文合同条款 等重要文本中。

中文传统排版中的着重号,用于 :emp[需要特别强调] 的内容,常见于 :emp[法律条文]、:emp[合同条款] 等重要文本中。
  • 使用点状着重号,模拟中文排版传统
  • 不支持 color 属性,使用默认文字颜色

波浪线(wavy)

  • 默认波浪线:这是一个 波浪线标注 的示例
  • 红色波浪线:拼写错误提示
  • 蓝色波浪线:语法建议
- 默认波浪线:这是一个 :wavy[波浪线标注] 的示例
- 红色波浪线::wavy[拼写错误提示]{color="red"}
- 蓝色波浪线::wavy[语法建议]{color="blue"}
  • color 可选值:bluegreenredyellowpurple 或任意色值
  • 不传 color 时默认使用主题色
  • 常用于标注拼写错误、语法提示等场景

删除线(del)

  • 原价 ¥199,现价 ¥99,限时特惠!
  • 版本变更:旧版 API 已废弃,请使用新版接口
  • 内容修订:此处内容有误,已修正
- 原价 :del[¥199],现价 ¥99,限时特惠!
- 版本变更::del[旧版 API] 已废弃,请使用新版接口
- 内容修订::del[此处内容有误,已修正]
  • 纯文本删除线效果,无需额外属性
  • 常用于价格对比、版本变更、内容修订等场景

上标/下标(sup/sub)

  • 化学式:H2O 是水,CO2 是二氧化碳
  • 数学公式:x2 + y2 = z2
  • 带颜色的上标:E = mc2
  • 脚注引用:这是一段文字1
  • 面积单位:房间面积为 50m2
- 化学式:H:sub[2]O 是水,CO:sub[2] 是二氧化碳
- 数学公式:x:sup[2] + y:sup[2] = z:sup[2]
- 带颜色的上标:E = mc:sup[2]{color="red"}
- 脚注引用:这是一段文字:sup[1]{color="blue"}
- 面积单位:房间面积为 50m:sup[2]
  • :sup 用于上标,:sub 用于下标
  • color 可选值:bluegreenredyellowpurple 或任意色值
  • 常用于化学式、数学公式、脚注引用等场景

键盘按键(kbd)

  • 复制操作:按 Ctrl + C 复制选中的内容
  • 粘贴操作:按 Ctrl + V 粘贴内容
  • 保存文件:按 Ctrl + S 保存当前文档
  • Mac 快捷键:按 + K 打开搜索
  • 全屏截图:按 PrtSc 截取整个屏幕
  • 撤销操作:按 Ctrl + Z 撤销上一步
- 复制操作:按 :kbd[Ctrl] + :kbd[C] 复制选中的内容
- 粘贴操作:按 :kbd[Ctrl] + :kbd[V] 粘贴内容
- 保存文件:按 :kbd[Ctrl] + :kbd[S] 保存当前文档
- Mac 快捷键:按 :kbd[] + :kbd[K] 打开搜索
- 全屏截图:按 :kbd[PrtSc] 截取整个屏幕
- 撤销操作:按 :kbd[Ctrl] + :kbd[Z] 撤销上一步
  • 模拟真实键盘按键外观
  • 方括号内填写按键名称,支持任意文字
  • 常用于快捷键说明、操作指南等场景

模糊显示(blur)

  • 剧透警告:凶手其实是管家
  • 隐藏答案:这道题的答案是 42
  • 隐藏提示:点击此处查看隐藏提示
  • 谜语答案:什么东西早上四条腿,中午两条腿,晚上三条腿?答案是:
- 剧透警告::blur[凶手其实是管家]
- 隐藏答案:这道题的答案是 :blur[42]
- 隐藏提示::blur[点击此处查看隐藏提示]
- 谜语答案:什么东西早上四条腿,中午两条腿,晚上三条腿?答案是::blur[]
  • 点击后移除模糊效果,显示隐藏内容
  • 常用于剧透警告、答案隐藏、趣味互动等场景
  • 无需额外属性

密码遮罩(psw)

  • 数据库密码:数据库密码是 MySecretDB_2024
  • API 密钥:API 密钥为 sk-live-abc123xyz789
  • WiFi 密码:WiFi 密码:HelloWorld_5G
  • 服务器地址:服务器 IP:192.168.1.100
- 数据库密码:数据库密码是 :psw[MySecretDB_2024]
- API 密钥:API 密钥为 :psw[sk-live-abc123xyz789]
- WiFi 密码:WiFi 密码::psw[HelloWorld_5G]
- 服务器地址:服务器 IP::psw[192.168.1.100]
  • 点击后显示明文内容
  • 默认显示为圆点遮罩,保护敏感信息
  • 常用于展示密码、密钥、IP 地址等敏感信息

复选框(checkbox)

默认未选中
已选中
绿色已选中
紫色加号
红色减号
青色叉号

行内用法:今天需要 完成文档提交代码

:checkbox[默认未选中]
:checkbox[已选中]{checked="true"}
:checkbox[绿色已选中]{checked="true" color="green"}
:checkbox[紫色加号]{checked="true" color="purple" symbol="plus"}
:checkbox[红色减号]{checked="true" color="red" symbol="minus"}
:checkbox[青色叉号]{checked="true" color="cyan" symbol="times"}

行内用法:今天需要 :checkbox[完成文档]{inline="true" checked="true"} 并 :checkbox[提交代码]{inline="true"}。
  • 默认独占一行(块级),添加 inline="true" 可在段落中内联使用
  • checked="true" 时显示选中态
  • symbol 可选值:plus(加号)、minus(减号)、times(叉号),默认无符号
  • color 支持 bluegreenredcyanpurpleorange 等或任意色值

单选框(radio)

单选未选中
单选已选中
单选橙色
单选绿色

行内用法:请选择 选项 A选项 B

:radio[单选未选中]
:radio[单选已选中]{checked="true"}
:radio[单选橙色]{checked="true" color="orange"}
:radio[单选绿色]{checked="true" color="green"}

行内用法:请选择 :radio[选项 A]{inline="true" checked="true"} 或 :radio[选项 B]{inline="true"}。
  • 默认独占一行(块级),添加 inline="true" 可在段落中内联使用
  • checked="true" 时显示选中态
  • color 支持 bluegreenredcyanpurpleorange 等或任意色值

步骤标记(step-brackets)

01克隆仓库

首先,从远程仓库克隆项目代码到本地。

02安装依赖

进入项目目录,执行安装命令。

03启动开发服务器

运行开发命令,在本地预览项目。

04构建部署

执行构建命令,生成生产环境代码。

:step-brackets[01]{title="克隆仓库"}

首先,从远程仓库克隆项目代码到本地。

:step-brackets[02]{title="安装依赖"}

进入项目目录,执行安装命令。

:step-brackets[03]{title="启动开发服务器"}

运行开发命令,在本地预览项目。

:step-brackets[04]{title="构建部署"}

执行构建命令,生成生产环境代码。
  • title 步骤标题,显示在步骤编号下方
  • 方括号内填写步骤编号,支持任意文字(如 011Step 1 等)
  • 常用于教程步骤、操作指南、流程说明等场景
未知标题
00:00
00:00
播放列表