From 8fad19506946ae84139002ff367e2f2bca9b0696 Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Thu, 6 Jun 2024 11:00:59 +0800
Subject: [PATCH] doc: update docs/quickreference.md

---
 docs/quickreference.md | 51 ++++++++++++++++++++++++------------------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/docs/quickreference.md b/docs/quickreference.md
index 353db105..e3851215 100644
--- a/docs/quickreference.md
+++ b/docs/quickreference.md
@@ -833,6 +833,9 @@ H2 部分
 `R` | Rectangle
 `O` | Oval
 `U` | Rounded
+<!--rehype:className=shortcuts-->
+
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844)<!--rehype:target=__blank--> `<!--rehype:className=shortcuts-->`
 
 ### 展示标题
 
@@ -843,7 +846,7 @@ H2 部分
 `/` | `/html/body/div` | Root
 <!--rehype:className=show-header-->
 
-`<!--rehype:className=show-header-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844)<!--rehype:target=__blank--> `<!--rehype:className=show-header-->`
 
 ### 列表样式展示表格
 
@@ -854,7 +857,7 @@ H2 部分
 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
 <!--rehype:className=style-list-->
 
-`<!--rehype:className=style-list-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L850-L855)<!--rehype:target=__blank--> `<!--rehype:className=style-list-->`
 
 ### 列表箭头样式展示表格
 
@@ -865,7 +868,7 @@ H2 部分
 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
 <!--rehype:className=style-list-arrow-->
 
-`<!--rehype:className=style-list-arrow-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L861-L866)<!--rehype:target=__blank--> `<!--rehype:className=style-list-arrow-->`
 
 ### 隐藏表头强制小尺寸自动换行
 
@@ -876,7 +879,7 @@ H2 部分
 `titleBarStyle.default` | 分别返回 _mac_ 或者 _win_ 的标准标题栏
 <!--rehype:className=auto-wrap-->
 
-`<!--rehype:className=auto-wrap-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L872-L877)<!--rehype:target=__blank--> `<!--rehype:className=auto-wrap-->`
 
 ### 表格末尾列左对齐
 <!--rehype:wrap-class=col-span-2-->
@@ -887,7 +890,7 @@ H2 部分
 `./`  | Relative
 <!--rehype:className=show-header left-align-->
 
-默认表格末尾列`右对齐`，添加 `<!--rehype:className=left-align-->` 类让其`左对齐`
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L884-L888)<!--rehype:target=__blank--> 默认表格末尾列`右对齐`，添加 `<!--rehype:className=left-align-->` 类让其`左对齐`
 
 ### 强制 code 不换行
 
@@ -897,7 +900,7 @@ H2 部分
 | `adb reboot bootloader`           | Reboots the device into fastboot            |
 <!--rehype:className=show-header code-nowrap-->
 
-添加 `<!--rehype:className=code-nowrap-->` 注释
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L894-L898)<!--rehype:target=__blank-->  添加 `<!--rehype:className=code-nowrap-->`
 
 列表
 ---
@@ -908,6 +911,8 @@ H2 部分
 - Item 2
 - Item 3
 
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L905-L909)<!--rehype:target=__blank-->
+
 ### 四列
 
 - Item 1
@@ -920,7 +925,7 @@ H2 部分
 - Item 8
 <!--rehype:className=cols-4-->
 
-`<!--rehype:className=cols-4-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L913-L921)<!--rehype:target=__blank--> `<!--rehype:className=cols-4-->`
 
 ### 列表步骤
 <!--rehype:wrap-class=row-span-2-->
@@ -944,7 +949,7 @@ H2 部分
   ```
 <!--rehype:className=style-timeline-->
 
-`<!--rehype:className=style-timeline-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L928-L945)<!--rehype:target=__blank--> `<!--rehype:className=style-timeline-->`
 
 ### 没有标记
 
@@ -959,7 +964,7 @@ H2 部分
 - Item 9
 <!--rehype:className=cols-3 style-none-->
 
-`<!--rehype:className=cols-3 style-none-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L951-L960)<!--rehype:target=__blank--> `<!--rehype:className=cols-3 style-none-->`
 
 ### 圆圈标记
 
@@ -968,7 +973,7 @@ H2 部分
 - Item 3
 <!--rehype:className=style-round-->
 
-`<!--rehype:className=style-round-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L966-L969)<!--rehype:target=__blank--> `<!--rehype:className=style-round-->`
 
 ### 箭头标记
 
@@ -977,7 +982,7 @@ H2 部分
 - Item 3
 <!--rehype:className=style-arrow-->
 
-`<!--rehype:className=style-arrow-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L975-L978)<!--rehype:target=__blank--> `<!--rehype:className=style-arrow-->`
 
 H2 部分 - 5列效果展示
 ---
@@ -990,6 +995,8 @@ H2 部分 - 5列效果展示
 ...
 ```
 
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077)<!--rehype:target=__blank-->
+
 ### Two
 
 ```
@@ -1024,7 +1031,7 @@ H3 部分 - 占位效果展示
 ...合并两行
 ```
 
-`<!--rehype:wrap-class=row-span-2-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027)<!--rehype:target=__blank--> `<!--rehype:wrap-class=row-span-2-->`
 
 ### col-span-2
 <!--rehype:wrap-class=col-span-2-->
@@ -1033,7 +1040,7 @@ H3 部分 - 占位效果展示
 ...合并两列
 ```
 
-`<!--rehype:wrap-class=col-span-2-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027)<!--rehype:target=__blank--> `<!--rehype:wrap-class=col-span-2-->`
 
 ### 红色标题
 <!--rehype:style=background:#e91e63;-->
@@ -1042,7 +1049,7 @@ H3 部分 - 占位效果展示
 ...红色标题配置
 ```
 
-`<!--rehype:style=background:#e91e63;-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1038-L1043)<!--rehype:target=__blank-->  `<!--rehype:style=background:#e91e63;-->`
 
 ### 黄色标题
 <!--rehype:style=background:#d7a100;-->
@@ -1051,18 +1058,16 @@ H3 部分 - 占位效果展示
 ...黄色标题配置
 ```
 
-`<!--rehype:style=background:#d7a100;-->`
+[#](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1047-L1052)<!--rehype:target=__blank--> `<!--rehype:style=background:#d7a100;-->`
 
 ### col-span-3
 <!--rehype:wrap-class=col-span-3-->
 
-```
-...
-```
+... [#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1056-L1061)<!--rehype:target=__blank--> 三列合并
 
 ### 卡片子项
 
-每个部分可以有以下子项：
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077)<!--rehype:target=__blank--> 每个部分可以有以下子项：
 
 #### H4 子标题
 
@@ -1080,13 +1085,15 @@ H3 部分 - 占位效果展示
 
 每个盒子(卡片)都是一个 `H3` 部分。 盒子将包含 `H3` 自身内的所有东西。
 
-这是一个包含段落的基本部分。
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1079-L1083)<!--rehype:target=__blank--> 这是一个包含段落的基本部分
 
 ### H3 部分背景颜色
-<!--rehype:wrap-style=background: #1b5064;-->
+<!--rehype:wrap-style=background: #1e7da173;-->
 
 ```markdown
 注释配置：
-`<!--rehype:wrap-style=background: #1b5064;-->`
+`<!--rehype:wrap-style=background: #1e7da173;-->`
 ```
 <!--rehype:className=wrap-text -->
+
+[#示例](https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1085-L1087)<!--rehype:target=__blank-->