doc: update docs/quickreference.md 8fad195069

2025-06-17 12:41:20 +08:00 · 2024-06-06 03:02:49 +00:00
parent 5a169b23f4
commit 4f23dd727b
172 changed files with 516 additions and 380 deletions
--- a/docs/quickreference.html
+++ b/docs/quickreference.html
@ -26,7 +26,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="dark" height="1em" width="1em">
  <path d="M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z"></path>
 </svg>
-</button><script src="../js/dark.js?v=1.5.3"></script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="quick-reference-备忘清单"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
+</button><script src="../js/dark.js?v=1.5.4"></script><a href="https://github.com/jaywcjlove/reference" class="" target="__blank"><svg viewBox="0 0 16 16" fill="currentColor" height="1em" width="1em"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div></nav><div class="wrap h1body-exist max-container"><header class="wrap-header h1wrap"><h1 id="quick-reference-备忘清单"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" height="1em" width="1em">
  <path d="m21.66 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77-.5-.04-1.04-.13-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19c.2-.85.44-1.59.74-2.2 1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23Z" fill="#c9d1d9"></path>
  <path d="M15.06 19.39c-.62.42-1.4.77-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76L2.5 13.28c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52c.41-.13.8-.24 1.17-.31-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4c.58.14 1.12.23 1.62.27Zm2.43-8.88c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23a.748.748 0 0 1-.18 1.47Z" fill="#228e6c"></path>
  <path d="M14.56 13.89c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.4.1.64.51.54.91-.08.34-.38.56-.72.56Z" fill="#228e6c"></path>
@ -886,7 +886,9 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist



-<table><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>V</code></td><td align="left">Vector</td></tr><tr><td align="left"><code>P</code></td><td align="left">Pencil</td></tr><tr><td align="left"><code>T</code></td><td align="left">Text</td></tr><tr><td align="left"><code>L</code></td><td align="left">Line</td></tr><tr><td align="left"><code>R</code></td><td align="left">Rectangle</td></tr><tr><td align="left"><code>O</code></td><td align="left">Oval</td></tr><tr><td align="left"><code>U</code></td><td align="left">Rounded</td></tr></tbody></table>
+<table class="shortcuts"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>V</code></td><td align="left">Vector</td></tr><tr><td align="left"><code>P</code></td><td align="left">Pencil</td></tr><tr><td align="left"><code>T</code></td><td align="left">Text</td></tr><tr><td align="left"><code>L</code></td><td align="left">Line</td></tr><tr><td align="left"><code>R</code></td><td align="left">Rectangle</td></tr><tr><td align="left"><code>O</code></td><td align="left">Oval</td></tr><tr><td align="left"><code>U</code></td><td align="left">Rounded</td></tr></tbody></table>
+<!--rehype:className=shortcuts-->
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=shortcuts--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="展示标题"><a aria-hidden="true" tabindex="-1" href="#展示标题"><span class="icon icon-link"></span></a>展示标题</h3><div class="wrap-body">


@ -915,7 +917,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="show-header"><thead><tr><th>Prefix</th><th>Example</th><th>What</th></tr></thead><tbody><tr><td><code>//</code></td><td><code>//hr[@class='edge']</code></td><td>Anywhere</td></tr><tr><td><code>./</code></td><td><code>./a</code></td><td>Relative</td></tr><tr><td><code>/</code></td><td><code>/html/body/div</code></td><td>Root</td></tr></tbody></table>
 <!--rehype:className=show-header-->
-<p><code>&#x3C;!--rehype:className=show-header--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L839-L844" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=show-header--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="列表样式展示表格"><a aria-hidden="true" tabindex="-1" href="#列表样式展示表格"><span class="icon icon-link"></span></a>列表样式展示表格</h3><div class="wrap-body">


@ -940,7 +942,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="style-list"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>visualEffectState.inactive</code></td><td align="left">后台应一直显示为非激活状态。</td></tr><tr><td align="left"><code>titleBarStyle</code> <em>string</em> <em>(win/mac)</em></td><td align="left">窗口标题栏样式。默认值 <em>(default)</em></td></tr><tr><td align="left"><code>titleBarStyle.default</code></td><td align="left">分别返回 <em>mac</em> 或者 <em>win</em> 的标准标题栏</td></tr></tbody></table>
 <!--rehype:className=style-list-->
-<p><code>&#x3C;!--rehype:className=style-list--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L850-L855" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=style-list--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="列表箭头样式展示表格"><a aria-hidden="true" tabindex="-1" href="#列表箭头样式展示表格"><span class="icon icon-link"></span></a>列表箭头样式展示表格</h3><div class="wrap-body">


@ -965,7 +967,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="style-list-arrow"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>visualEffectState.inactive</code></td><td align="left">后台应一直显示为非激活状态。</td></tr><tr><td align="left"><code>titleBarStyle</code> <em>string</em> <em>(win/mac)</em></td><td align="left">窗口标题栏样式。默认值 <em>(default)</em></td></tr><tr><td align="left"><code>titleBarStyle.default</code></td><td align="left">分别返回 <em>mac</em> 或者 <em>win</em> 的标准标题栏</td></tr></tbody></table>
 <!--rehype:className=style-list-arrow-->
-<p><code>&#x3C;!--rehype:className=style-list-arrow--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L861-L866" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=style-list-arrow--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="隐藏表头强制小尺寸自动换行"><a aria-hidden="true" tabindex="-1" href="#隐藏表头强制小尺寸自动换行"><span class="icon icon-link"></span></a>隐藏表头强制小尺寸自动换行</h3><div class="wrap-body">


@ -990,7 +992,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="auto-wrap"><thead><tr><th align="left">:-</th><th align="left">:-</th></tr></thead><tbody><tr><td align="left"><code>visualEffectState.inactive</code></td><td align="left">后台应一直显示为非激活状态。</td></tr><tr><td align="left"><code>titleBarStyle</code> <em>string</em> <em>(win/mac)</em></td><td align="left">窗口标题栏样式。默认值 <em>(default)</em></td></tr><tr><td align="left"><code>titleBarStyle.default</code></td><td align="left">分别返回 <em>mac</em> 或者 <em>win</em> 的标准标题栏</td></tr></tbody></table>
 <!--rehype:className=auto-wrap-->
-<p><code>&#x3C;!--rehype:className=auto-wrap--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L872-L877" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=auto-wrap--></code></p>
 </div></div></div><div class="wrap h3body-not-exist col-span-2"><div class="wrap-header h3wrap"><h3 id="表格末尾列左对齐"><a aria-hidden="true" tabindex="-1" href="#表格末尾列左对齐"><span class="icon icon-link"></span></a>表格末尾列左对齐</h3><div class="wrap-body">
 <!--rehype:wrap-class=col-span-2-->

@ -1012,7 +1014,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="show-header left-align"><thead><tr><th>Prefix</th><th>What</th></tr></thead><tbody><tr><td><code>//</code></td><td>Anywhere</td></tr><tr><td><code>./</code></td><td>Relative</td></tr></tbody></table>
 <!--rehype:className=show-header left-align-->
-<p>默认表格末尾列<code>右对齐</code>，添加 <code>&#x3C;!--rehype:className=left-align--></code> 类让其<code>左对齐</code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L884-L888" target="__blank">#示例</a><!--rehype:target=__blank--> 默认表格末尾列<code>右对齐</code>，添加 <code>&#x3C;!--rehype:className=left-align--></code> 类让其<code>左对齐</code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="强制-code-不换行"><a aria-hidden="true" tabindex="-1" href="#强制-code-不换行"><span class="icon icon-link"></span></a>强制 code 不换行</h3><div class="wrap-body">


@ -1033,7 +1035,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist

 <table class="show-header code-nowrap"><thead><tr><th>Command</th><th>Description</th></tr></thead><tbody><tr><td><code>adb remount</code></td><td>Remounts file system with read/write access</td></tr><tr><td><code>adb reboot bootloader</code></td><td>Reboots the device into fastboot</td></tr></tbody></table>
 <!--rehype:className=show-header code-nowrap-->
-<p>添加 <code>&#x3C;!--rehype:className=code-nowrap--></code> 注释</p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L894-L898" target="__blank">#</a><!--rehype:target=__blank-->  添加 <code>&#x3C;!--rehype:className=code-nowrap--></code></p>
 </div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="列表"><a aria-hidden="true" tabindex="-1" href="#列表"><span class="icon icon-link"></span></a>列表</h2><div class="wrap-body">
 </div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="一栏默认"><a aria-hidden="true" tabindex="-1" href="#一栏默认"><span class="icon icon-link"></span></a>一栏(默认)</h3><div class="wrap-body">
 <ul>
@ -1041,6 +1043,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <li>Item 2</li>
 <li>Item 3</li>
 </ul>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L905-L909" target="__blank">#示例</a><!--rehype:target=__blank--></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="四列"><a aria-hidden="true" tabindex="-1" href="#四列"><span class="icon icon-link"></span></a>四列</h3><div class="wrap-body">
 <ul class="cols-4">
 <li>Item 1</li>
@ -1053,7 +1056,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <li>Item 8</li>
 </ul>
 <!--rehype:className=cols-4-->
-<p><code>&#x3C;!--rehype:className=cols-4--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L913-L921" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=cols-4--></code></p>
 </div></div></div><div class="wrap h3body-not-exist row-span-2"><div class="wrap-header h3wrap"><h3 id="列表步骤"><a aria-hidden="true" tabindex="-1" href="#列表步骤"><span class="icon icon-link"></span></a>列表步骤</h3><div class="wrap-body">
 <!--rehype:wrap-class=row-span-2-->
 <ul class="style-timeline">
@ -1074,7 +1077,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 </li>
 </ul>
 <!--rehype:className=style-timeline-->
-<p><code>&#x3C;!--rehype:className=style-timeline--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L928-L945" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=style-timeline--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="没有标记"><a aria-hidden="true" tabindex="-1" href="#没有标记"><span class="icon icon-link"></span></a>没有标记</h3><div class="wrap-body">
 <ul class="cols-3 style-none">
 <li>Item 1</li>
@ -1088,7 +1091,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <li>Item 9</li>
 </ul>
 <!--rehype:className=cols-3 style-none-->
-<p><code>&#x3C;!--rehype:className=cols-3 style-none--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L951-L960" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=cols-3 style-none--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="圆圈标记"><a aria-hidden="true" tabindex="-1" href="#圆圈标记"><span class="icon icon-link"></span></a>圆圈标记</h3><div class="wrap-body">
 <ul class="style-round">
 <li>Item 1</li>
@ -1096,7 +1099,7 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <li>Item 3</li>
 </ul>
 <!--rehype:className=style-round-->
-<p><code>&#x3C;!--rehype:className=style-round--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L966-L969" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=style-round--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="箭头标记"><a aria-hidden="true" tabindex="-1" href="#箭头标记"><span class="icon icon-link"></span></a>箭头标记</h3><div class="wrap-body">
 <ul class="style-arrow">
 <li>Item 1</li>
@ -1104,13 +1107,14 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <li>Item 3</li>
 </ul>
 <!--rehype:className=style-arrow-->
-<p><code>&#x3C;!--rehype:className=style-arrow--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L975-L978" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:className=style-arrow--></code></p>
 </div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="h2-部分---5列效果展示"><a aria-hidden="true" tabindex="-1" href="#h2-部分---5列效果展示"><span class="icon icon-link"></span></a>H2 部分 - 5列效果展示</h2><div class="wrap-body">
 <!--rehype:body-class=cols-5-->
 </div></div><div class="h2wrap-body cols-5"><div class="wrap h3body-not-exist" style="background:#dba300;"><div class="wrap-header h3wrap"><h3 id="one"><a aria-hidden="true" tabindex="-1" href="#one"><span class="icon icon-link"></span></a>One</h3><div class="wrap-body">
 <!--rehype:wrap-style=background:#dba300;-->
 <pre><code class="code-highlight"><span class="code-line">...
 </span></code></pre>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077" target="__blank">#示例</a><!--rehype:target=__blank--></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="two"><a aria-hidden="true" tabindex="-1" href="#two"><span class="icon icon-link"></span></a>Two</h3><div class="wrap-body">
 <pre><code class="code-highlight"><span class="code-line">...
 </span></code></pre>
@ -1128,28 +1132,27 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 <!--rehype:wrap-class=row-span-2-->
 <pre><code class="code-highlight"><span class="code-line">...合并两行
 </span></code></pre>
-<p><code>&#x3C;!--rehype:wrap-class=row-span-2--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:wrap-class=row-span-2--></code></p>
 </div></div></div><div class="wrap h3body-not-exist col-span-2"><div class="wrap-header h3wrap"><h3 id="col-span-2"><a aria-hidden="true" tabindex="-1" href="#col-span-2"><span class="icon icon-link"></span></a>col-span-2</h3><div class="wrap-body">
 <!--rehype:wrap-class=col-span-2-->
 <pre><code class="code-highlight"><span class="code-line">...合并两列
 </span></code></pre>
-<p><code>&#x3C;!--rehype:wrap-class=col-span-2--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1020-L1027" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:wrap-class=col-span-2--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 style="background:#e91e63;" id="红色标题-1"><a aria-hidden="true" tabindex="-1" href="#红色标题-1"><span class="icon icon-link"></span></a>红色标题</h3><div class="wrap-body">
 <!--rehype:style=background:#e91e63;-->
 <pre><code class="code-highlight"><span class="code-line">...红色标题配置
 </span></code></pre>
-<p><code>&#x3C;!--rehype:style=background:#e91e63;--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1038-L1043" target="__blank">#</a><!--rehype:target=__blank-->  <code>&#x3C;!--rehype:style=background:#e91e63;--></code></p>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 style="background:#d7a100;" id="黄色标题"><a aria-hidden="true" tabindex="-1" href="#黄色标题"><span class="icon icon-link"></span></a>黄色标题</h3><div class="wrap-body">
 <!--rehype:style=background:#d7a100;-->
 <pre><code class="code-highlight"><span class="code-line">...黄色标题配置
 </span></code></pre>
-<p><code>&#x3C;!--rehype:style=background:#d7a100;--></code></p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1047-L1052" target="__blank">#</a><!--rehype:target=__blank--> <code>&#x3C;!--rehype:style=background:#d7a100;--></code></p>
 </div></div></div><div class="wrap h3body-not-exist col-span-3"><div class="wrap-header h3wrap"><h3 id="col-span-3"><a aria-hidden="true" tabindex="-1" href="#col-span-3"><span class="icon icon-link"></span></a>col-span-3</h3><div class="wrap-body">
 <!--rehype:wrap-class=col-span-3-->
-<pre><code class="code-highlight"><span class="code-line">...
-</span></code></pre>
+<p>... <a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1056-L1061" target="__blank">#示例</a><!--rehype:target=__blank--> 三列合并</p>
 </div></div></div><div class="wrap h3body-exist"><div class="wrap-header h3wrap"><h3 id="卡片子项"><a aria-hidden="true" tabindex="-1" href="#卡片子项"><span class="icon icon-link"></span></a>卡片子项</h3><div class="wrap-body">
-<p>每个部分可以有以下子项：</p>
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1063-L1077" target="__blank">#示例</a><!--rehype:target=__blank--> 每个部分可以有以下子项：</p>
 <h4 id="h4-子标题"><a aria-hidden="true" tabindex="-1" href="#h4-子标题"><span class="icon icon-link"></span></a>H4 子标题</h4>
 <ul>
 <li>pre</li>
@ -1164,14 +1167,15 @@ M834 80h400000v40h-400000z"></path></svg></span></span></span><span class="vlist
 </ul>
 </div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="h3-部分-1"><a aria-hidden="true" tabindex="-1" href="#h3-部分-1"><span class="icon icon-link"></span></a>H3 部分</h3><div class="wrap-body">
 <p>每个盒子(卡片)都是一个 <code>H3</code> 部分。 盒子将包含 <code>H3</code> 自身内的所有东西。</p>
-<p>这是一个包含段落的基本部分。</p>
-</div></div></div><div class="wrap h3body-not-exist" style="background: #1b5064;"><div class="wrap-header h3wrap"><h3 id="h3-部分背景颜色"><a aria-hidden="true" tabindex="-1" href="#h3-部分背景颜色"><span class="icon icon-link"></span></a>H3 部分背景颜色</h3><div class="wrap-body">
-<!--rehype:wrap-style=background: #1b5064;-->
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1079-L1083" target="__blank">#示例</a><!--rehype:target=__blank--> 这是一个包含段落的基本部分</p>
+</div></div></div><div class="wrap h3body-not-exist" style="background: #1e7da173;"><div class="wrap-header h3wrap"><h3 id="h3-部分背景颜色"><a aria-hidden="true" tabindex="-1" href="#h3-部分背景颜色"><span class="icon icon-link"></span></a>H3 部分背景颜色</h3><div class="wrap-body">
+<!--rehype:wrap-style=background: #1e7da173;-->
 <pre class="wrap-text "><code class="language-markdown code-highlight"><span class="code-line">注释配置：
-</span><span class="code-line"><span class="token code-snippet code keyword">`&#x3C;!--rehype:wrap-style=background: #1b5064;-->`</span>
+</span><span class="code-line"><span class="token code-snippet code keyword">`&#x3C;!--rehype:wrap-style=background: #1e7da173;-->`</span>
 </span></code></pre>
 <!--rehype:className=wrap-text -->
-</div></div></div></div></div></div><script src="https://giscus.app/client.js" data-repo="jaywcjlove/reference" data-repo-id="R_kgDOID2-Mw" data-category="Q&#x26;A" data-category-id="DIC_kwDOID2-M84CS5wo" data-mapping="pathname" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="bottom" data-theme="dark" data-lang="zh-CN" crossorigin="anonymous" async></script><div class="giscus"></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>.</footer></footer><script src="../data.js?v=1.5.3" defer></script><script src="../js/fuse.min.js?v=1.5.3" defer></script><script src="../js/main.js?v=1.5.3" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
+<p><a href="https://github.com/jaywcjlove/reference/blob/ee03850619440e3700ed68ccc2ed21d3591a1490/docs/quickreference.md?plain=1#L1085-L1087" target="__blank">#示例</a><!--rehype:target=__blank--></p>
+</div></div></div></div></div></div><script src="https://giscus.app/client.js" data-repo="jaywcjlove/reference" data-repo-id="R_kgDOID2-Mw" data-category="Q&#x26;A" data-category-id="DIC_kwDOID2-M84CS5wo" data-mapping="pathname" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="bottom" data-theme="dark" data-lang="zh-CN" crossorigin="anonymous" async></script><div class="giscus"></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>.</footer></footer><script src="../data.js?v=1.5.4" defer></script><script src="../js/fuse.min.js?v=1.5.4" defer></script><script src="../js/main.js?v=1.5.4" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
  <path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
 </svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
 </html>