代码块的进阶玩法

如果你还不知道如何生成一个代码块请来这里

高亮

说明

在第一个```后面加上{}，里面放数字，用 , 隔开。代表第几行选择高亮
用 - 连接的数字代表起始行到末尾行都高亮

在其行写入 // [!code highlight] 的可以,但是不一定能生效，要用到玄乎写法。原因下面讲的聚焦代码块有说明

输入：

```html{1,3,5-7}
<div>你好</div>
<div>华子</div>
<div>我是</div>
<div>你的</div>
<div>手下</div>
<div>败将</div>
<div>跪求</div>
<div>放我一马</div>
```

输出

<div>你好</div>
<div>华子</div>
<div>我是</div>
<div>你的</div>
<div>手下</div>
<div>败将</div>
<div>跪求</div>
<div>放我一马</div>

警告

• 在使用// [!code xxxx]语法时候，需注意两点

1. 代码块第一个```后面必须有说明
2. 必须注释生效 # // [!code xxxx]

聚焦

示例 1：输入

```python
for i in range(1,100): 
    print('520')  
    print('I Love You')  #  // [!code focus]
```

输出效果：

for i in range(1,100):    
     print('520')
print('I Love You')   #

增减

示例1： 在第一个代码块```后面加上diff即可 + 为绿色 - 为红色 输出：

- print
+ print

示例2：在该行插入// [!code --] 或者 // [!code ++]

for i in rang(1,10):
    for j in rang(1,i+1):  
    if j>i :    #
        print(f'{j}*{i}={i*j}',end='') 
print('')     #

错误和警告

示例1：在该行插入// [!code error] 或者 // [!code warning]

for i in rang(1,10):
    for j in rang(1,i+1):  
    if j>i :    #
        print(f'{j}*{i}={i*j}',end='') 
            // [!code warning]  
print('')     #

代码组

示例：输入

::: code-group
```python
print('hello world!')
```

```html
<div>hello world!</div>
```
:::

输出：

python

print('hello world!')

html

<div>hello world!</div>

代码组的嵌套

示例 输入：

````
```python
print('hello,world!')

```
````

输出效果：

```python
print('hello,world!')

```

提示

如果还想进行嵌套表示，累计增加最外层反引号的个数