标签页
使用方式
[tabs]
[tab title="标签1"]这里是标签1的内容，可以包含文本、图片等[/tab]
[tab title="标签2"]这里是标签2的内容[/tab]
[tab title="标签3"]这里是标签3的内容[/tab]
[/tabs]效果
这里是标签1的内容，可以包含文本、图片等
这里是标签2的内容
这里是标签3的内容
这里是标签3的内容
这里是标签3的内容
这里是标签3的内容
这里是标签3的内容
笔记卡片
使用方式及效果
[note type="note" title="笔记"]
这是一个学霸的笔记
[/note]笔记
这是一个学霸的笔记
[note type="tip" title="实用技巧"]
这是一个非常有用的技巧，可以帮助你提高工作效率：
1. 第一步操作
2. 第二步操作
3. 第三步操作
[/note]实用技巧
这是一个非常有用的技巧，可以帮助你提高工作效率： 1. 第一步操作 2. 第二步操作 3. 第三步操作
[note type="warning" title="注意事项"]
使用此功能时需要注意：
- 确保系统版本符合要求
- 提前备份数据
- 操作后重启服务
[/note]注意事项
使用此功能时需要注意： - 确保系统版本符合要求 - 提前备份数据 - 操作后重启服务
[note type="danger" title="危险"]
懒癌将极速传染
[/note]危险
懒癌将极速传染
[note type="question" title="常见问题"]
如何解决这个技术难题？
1. 检查配置文件
2. 重启服务
3. 查看错误日志
[/note]常见问题
如何解决这个技术难题？ 1. 检查配置文件 2. 重启服务 3. 查看错误日志
[note type="quote" title="名人名言"]
"代码是写给人看的，只是偶尔让机器执行一下。" —— 罗伯特·C·马丁
[/note]名人名言
"代码是写给人看的，只是偶尔让机器执行一下。" —— 罗伯特·C·马丁
[note type="success" title="成功"] 成功是我的专属名词，不是你的。 [/note]成功
成功是我的专属名词，不是你的。
[note type="download" title="下载"] 我也不知道卡片里加个下载标识有什么用 [/note]下载
我也不知道卡片里加个下载标识有什么用
[note type="link" title="链接"] 这应该是用来放链接的 [/note]链接
[note type="code" title="代码提示"]
记得在循环中使用isset()检查变量是否存在，避免出现未定义错误。
[/note]代码提示
记得在循环中使用isset()检查变量是否存在，避免出现未定义错误。
进度展示
使用方式
[progress title="项目完成度" value="75" max="100" color="#10b981"]
[progress title="学习进度" value="12" max="30" color="#f59e0b"]效果
项目完成度75/100 (75%)
学习进度12/30 (40%)
步骤列表
使用方式
[steps title="安装步骤" color="#10b981"]
[step]
下载安装包并解压到网站根目录。
[/step]
[step]
通过浏览器访问安装页面，填写数据库信息。
[/step]
[step]
创建管理员账号并完成安装。
[/step]
[step]
登录后台，开始使用系统。
[/step]
[/steps]效果
安装步骤
1
下载安装包并解压到网站根目录。
2
通过浏览器访问安装页面，填写数据库信息。
3
创建管理员账号并完成安装。
4
登录后台，开始使用系统。
对比表格
使用方式
[compare title="编程语言对比" columns="3"]
[compare-row]
[compare-item]学习曲线[/compare-item]
[compare-item]中等[/compare-item]
[compare-item]较陡[/compare-item]
[compare-item]平缓[/compare-item]
[/compare-row]
[compare-row]
[compare-item]性能[/compare-item]
[compare-item]良好[/compare-item]
[compare-item]优秀[/compare-item]
[compare-item]一般[/compare-item]
[/compare-row]
[compare-row]
[compare-item]适用场景[/compare-item]
[compare-item]Web开发[/compare-item]
[compare-item]系统开发[/compare-item]
[compare-item]数据分析[/compare-item]
[/compare-row]
[/compare]效果
编程语言对比
| 对比项 | 选项 1 | 选项 2 | 选项 3 |
|---|---|---|---|
学习曲线 | 中等 | 较陡 | 平缓 |
性能 | 良好 | 优秀 | 一般 |
适用场景 | Web开发 | 系统开发 | 数据分析 |
