diff --git a/docs/quickreference.html b/docs/quickreference.html index 8980b867..6752feb2 100644 --- a/docs/quickreference.html +++ b/docs/quickreference.html @@ -58,7 +58,7 @@

HTML 存放在仓库根目录下的 dist 目录中，将 dist/index.html 静态页面在浏览器中打开预览。

介绍

-

在备忘清单采用 HTML 注释语法，标识网站布局和一些样式，目的是为了在 GitHub 中也是正常毫无瑕疵的预览 Markdown。

+

在备忘清单采用 HTML 注释语法，标识网站布局和一些样式，目的是为了在 GitHub 中也是正常毫无瑕疵的预览 Markdown。

### 卡片标题
 <!--rehype:wrap-class=col-span-2-->
 
@@ -70,7 +70,7 @@

注释语法介绍

    -
  • 在某个 Markdown 语法下方或者后面，添加 HTML注释
    • +
  • 在某个 Markdown 语法下方或者后面，添加 HTML注释
  • 以 <!--rehype: 开始，--> 结束，包裹参数内容
  • 内容采用 URL 参数的字符拼接方式
@@ -115,7 +115,7 @@ -
类说明
body-style包裹所有卡片外壳的样式
body-class用于卡片栏布局，添加类名
wrap-style卡片栏添加 CSS 样式
wrap-class用于卡片占位，添加类名
+
类说明
body-style包裹所有卡片外壳的样式
body-class用于卡片栏布局，添加类名
wrap-style卡片栏添加 CSS 样式
wrap-class用于卡片占位，添加类名

文字颜色

_我是红色_<!--rehype:style=color: red;-->
 **加粗红色**<!--rehype:style=color: red;-->
@@ -150,7 +150,7 @@
   <div className="Student"></div>
 );
-

上面 {1,4-5} 行代码高亮，下面是 Markdown 代码示例

+

上面 {1,4-5} 行代码高亮，下面是 Markdown 代码示例

  ```jsx {1,4-5}

代码行高亮可以和代码行号一起使用。

@@ -326,7 +326,7 @@ 
这里是你的 HTML 代码
-

上面的 markdown 代码在 meta 位置添加 preview 标识，HTML 代码将被执行预览

+

上面的 markdown 代码在 meta 位置添加 preview 标识，HTML 代码将被执行预览

KaTeX 数学渲染

c=±a2+b2L=12ρv2SCLc = \pm\sqrt{a^2 + b^2}
 L = \frac{1}{2} \rho v^2 S C_L
@@ -341,7 +341,7 @@ c-22.3,46.7,-33.8,70.3,-34.5,71c-4.7,4.7,-12.3,7,-23,7s-12,-1,-12,-1
 s-109,-253,-109,-253c-72.7,-168,-109.3,-252,-110,-252c-10.7,8,-22,16.7,-34,26
 c-22,17.3,-33.3,26,-34,26s-26,-26,-26,-26s76,-59,76,-59s76,-60,76,-60z
 M1001 80h400000v40h-400000z">​L=21​ρv2SCL​
-

上面示例 Markdown 代码源码

+

上面示例 Markdown 代码源码

  ```KaTeX
   c = \pm\sqrt{a^2 + b^2}
   L = \frac{1}{2} \rho v^2 S C_L
@@ -357,7 +357,7 @@ c5.3,-9.3,12,-14,20,-14
 H400000v40H845.2724
 s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
 c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
-M834 80h400000v40h-400000z">​，需要标记 `KaTeX:数学公式` 将被显示成数学公式，这是基于 KaTeX 生成

+M834 80h400000v40h-400000z">​，需要标记 `KaTeX:数学公式` 将被显示成数学公式，这是基于 KaTeX 生成

布局

H2 部分

@@ -482,7 +482,7 @@ M834 80h400000v40h-400000z">┆ 2 ┆ ┆ 3 ┆ ┆ 4 ┆ ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯ -

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### H3 Title 1
 <!--rehype:wrap-class=col-span-3-->
 ### Title 2
@@ -500,7 +500,7 @@ M834 80h400000v40h-400000z">┆   ┆ ┆ 4 ┆ ┆ 5 ┆
 ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 <!--rehype:wrap-class=row-span-2-->
 ### Title 2
@@ -534,7 +534,7 @@ M834 80h400000v40h-400000z">┆ 4 ┆ ┆ 5 ┆ ┆   ┆
 ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 ### Title 2
 ### Title 3
@@ -551,7 +551,7 @@ M834 80h400000v40h-400000z">┆ 4 ┆ ┆ 5       ┆
 ╰┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 ### Title 2
 ### Title 3
@@ -568,7 +568,7 @@ M834 80h400000v40h-400000z">┆ 3 ┆ ┆ 4 ┆ ┆ 5 ┆
 ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 ### Title 2
 <!--rehype:wrap-class=col-span-2-->
@@ -585,7 +585,7 @@ M834 80h400000v40h-400000z">┆ 4       ┆ ┆ 5 ┆
 ╰┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 ### Title 2
 ### Title 3
@@ -602,7 +602,7 @@ M834 80h400000v40h-400000z">┆ 2 ┆ ┆ 3 ┆ ┆ 4 ┆ ┆ 5 ┆
 ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

H2 部分
 ----
 <!--rehype:body-class=cols-4-->
@@ -626,7 +626,7 @@ M834 80h400000v40h-400000z">┆ 4 ┆ ┆ 5 ┆ ┆ 6 ┆
 ╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
-

上面布局效果 Markdown 源码：

+

上面布局效果 Markdown 源码：

### Title 1
 <!--rehype:wrap-class=col-span-2 row-span-2-->
 ### Title 2