当前位置: 首页 > article >正文

VitePress-08-文档中代码组的使用

什么是代码组

代码组 : 就是代码块的集合。一个代码组中可以包含多个代码块。
效果 : 用页签的形式将不同的代码块分开展示。

代码组的语法格式

代码组的语法格式较为固定,如下 :

	::: code-group
	
	```代码块1的类型 [代码块1展示的页签名称]
	   代码块1
	```

	```代码块2的类型 [代码块2展示的页签名称]
		代码块2
	```
	
	:::

文档内容

	# 代码组

	::: code-group
	
	```java [HelloWorld.java]
	public class HelloWorld{
	    public static void main(String[] args){
	        System.out.println("hello world"); // [!code warning]
	    }
	}
	```
	
	```java:line-numbers [HelloVitePress.java]
	public class HelloVitePress{
	    public static void main(String[] args){
	        System.out.println("hello world"); // [!code error]
	    }
	}
	```
	
	:::

效果展示

在这里插入图片描述

在这里插入图片描述


http://www.kler.cn/a/227911.html

相关文章:

  • 「 机器人 」扑翼飞行器控制策略浅谈
  • 每日一题——序列化二叉树
  • 【NEXT】网络编程——上传文件(不限于jpg/png/pdf/txt/doc等),或请求参数值是file类型时,调用在线服务接口
  • 【仓颉】仓颉编程语言Windows安装指南 配置环境变量 最简单解决中文乱码问题和其他解决方案大全
  • Excel 技巧21 - Excel中整理美化数据实例,Ctrl+T 超级表格(★★★)
  • 基于阿里云百炼大模型Sensevoice-1的语音识别与文本保存工具开发
  • sklearn 计算 tfidf 得到每个词分数
  • MySQL创建索引的注意事项
  • 华为数通方向HCIP-DataCom H12-831题库(简答题01-27)
  • pdmodel从动态模型转成静态onnx
  • WiFi测试的核心思路和主要工具
  • BAPI_PRODORD_CREATE-创建生产订单BAPI测试
  • WPS Office18.7软件日常更新
  • 代码随想录算法训练营Day48|198.打家劫舍、213.打家劫舍II、337.打家劫舍 III
  • 通过 ChatGPT 的 Function Call 查询数据库
  • 20240202在WIN10下使用fast whisper缺少cudnn_ops_infer64_8.dll
  • python+PyQt5 左右声道测试
  • Qt应用软件【协议篇】http协议get、post示例
  • 网络原理TCP/IP(1)
  • 【Unity知识点详解】自定义程序集
  • 大数据学习之Redis,十大数据类型的具体应用(四)
  • 判断和循环 - 循环语句 - for循环格式和练习
  • EtherCAT转ModbusTCP网关
  • 雨云游戏云VPS服务器用Linux搭建MCSM面板和Minecraft Mohist 1.20.2服务器教程,我的世界MOD和插件服开服教程。
  • 行为型设计模式—访问者模式
  • 自学Java的第十九天