buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-17 20:51:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

doc: update docs/quickreference.md c8530f6ca9

Browse Source
This commit is contained in:
jaywcjlove
2022-09-30 01:53:09 +00:00
parent 3d6a8786bd
commit 640d9dc7a3
1 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
docs/quickreference.html
View File

@ -212,7 +212,7 @@
</tr>
</tbody>
</table><!--rehype:className=show-header -->
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片合并行布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片合并行布局 1</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
</span><span class="code-line line-number" line="2">┆ H3 Title <span class="token number">1</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
@ -230,7 +230,7 @@
</span><span class="code-line line-number" line="7"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
</span></code></pre>
<p>第一标题添加 <code>col-span-3</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 2</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="3">┆ ┆ ╰┈┈┈╯ ╰┈┈┈╯
@ -247,7 +247,7 @@
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span></code></pre>
<p>在 <code>Title 1</code> 标题添加 <code>row-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 3</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈╯ ┆ ┆ ╰┈┈┈╯
@ -264,7 +264,7 @@
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span></code></pre>
<p>在 <code>Title 2</code> 标题添加 <code>row-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 4</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ┆ ┆
@ -281,7 +281,7 @@
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span></code></pre>
<p>在 <code>Title 3</code> 标题添加 <code>row-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 5</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
@ -298,7 +298,7 @@
</span><span class="code-line line-number" line="6"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2--></span>
</span></code></pre>
<p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 6</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈╯
@ -314,8 +314,8 @@
</span><span class="code-line line-number" line="5"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span></code></pre>
<p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
<p>在 <code>Title 2</code> 标题添加 <code>col-span-2</code> 占位类</p>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 7</h3><div class="wrap-body">
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
@ -331,7 +331,28 @@
</span><span class="code-line line-number" line="5"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2--></span>
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span></code></pre>
<p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
<p>在 <code>Title 4</code> 标题添加 <code>col-span-2</code> 占位类</p>
</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3>卡片列合并布局 8</h3><div class="wrap-body"><!--rehype:wrap-class=col-span-2-->
<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆
</span><span class="code-line line-number" line="3">┆ ┆ ╰┈┈┈╯
</span><span class="code-line line-number" line="4">┆ ┆ ╭┈┈┈╮
</span><span class="code-line line-number" line="5">┆ ┆ ┆ <span class="token number">3</span> ┆
</span><span class="code-line line-number" line="6">╰┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈╯
</span><span class="code-line line-number" line="7">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
</span><span class="code-line line-number" line="8">┆ <span class="token number">4</span> ┆ ┆ <span class="token number">5</span> ┆ ┆ <span class="token number">6</span> ┆
</span><span class="code-line line-number" line="9">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
</span></code></pre>
<p>上面布局效果 Markdown 源码：</p>
<pre class="language-markdown"><code class="language-markdown code-highlight"><span class="code-line line-number" line="1"><span class="token title important"><span class="token punctuation">###</span> Title 1</span>
</span><span class="code-line line-number" line="2"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2 row-span-2--></span>
</span><span class="code-line line-number" line="3"><span class="token title important"><span class="token punctuation">###</span> Title 2</span>
</span><span class="code-line line-number" line="4"><span class="token title important"><span class="token punctuation">###</span> Title 3</span>
</span><span class="code-line line-number" line="5"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
</span><span class="code-line line-number" line="7"><span class="token title important"><span class="token punctuation">###</span> Title 6</span>
</span></code></pre>
<p>在 <code>Title 1</code> 标题添加 <code>col-span-2</code> 和 <code>row-span-2</code> 占位类，使用 <code>空格</code> 间隔。</p>
</div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2>表格</h2><div class="wrap-body">
</div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3>基本表格</h3><div class="wrap-body">
</div></div><div class="h3wrap-body"><div class="wrap"><div class="wrap-header h4wrap"><h4>Date</h4><div class="wrap-body">