常用Markdown语法

左图片右文字布局

标题文字
这里是描述文字,图片会浮动在左侧,文字环绕在右边。

<img src="https://cn.sli.dev/logo-title.png" alt="Logo" 
     style="float: left; width: 100px; margin-right: 20px;">
 
**标题文字** <br>
这里是描述文字,图片会浮动在左侧,文字环绕在右边。
<div style="clear: both;"></div>

---

修改代码的高亮

styles/toc.css

.toc {
  ...
! flex: 0 1 auto;    // 修改
- flex: 0 0.5 auto;  // 删除 
+ flex: 0 1 auto;    // 增加
  ...
}

```diff title="styles/toc.css"
.toc {
  ...
! flex: 0 1 auto;    // 修改
- flex: 0 0.5 auto;  // 删除 
+ flex: 0 1 auto;    // 增加
  ...
}
```

嵌套代码块的规则： 外层反应号个数>内层反引号个数

---

图片代理

![](https://images.weserv.nl/?url= )

https://images.weserv.nl/?url= 图片链接

标注

NOTE

注释或提示信息

> [!NOTE]     
> 
> 注释或提示信息

INFO

内容

> [!NOTE]     
> 
> 内容或消息

TIP

建议或技巧

> [!TIP]
> 
> 建议或技巧

IMPORTANT

重要信息

> [!IMPORTANT]
> 
> 重要信息

CAUTION

需要谨慎注意的内容

> [!CAUTION]
> 
> 需要谨慎注意的内容

BUG

BUG信息

> [!WARNING]
> 
> BUG信息