deploy: 4cc2c24

Author: ifyun

docs/01.start.md

@@ -81,41 +81,3 @@
   --font-weight-bold: 500 !important;
 }
 ```
-
-### 主题变量
-
-| CSS 变量                  | 说明                         |
-| :------------------------ | :--------------------------- |
-| `--font`                  | 全局字体                     |
-| `--font-code`             | 代码字体                     |
-| `--markdown-font-size`    | 文档字体大小                 |
-| `--background`            | 全局背景色                   |
-| `--font-weight`           | 字重                         |
-| `--font-weight-bold`      | 粗体字重                     |
-| `--font-color`            | 字体颜色                     |
-| `--font-color-menu`       | 菜单字体色                   |
-| `--side-color-back`       | 菜单背景色                   |
-| `--active-color`          | 菜单/导航字体高亮颜色        |
-| `--link-color`            | 链接字体色                   |
-| `--inline-code-color`     | 行内代码字体色               |
-| `--inline-code-back`      | 行内代码背景色               |
-| `--block-code-back`       | 代码块背景色                 |
-| `--line-number-color`     | 代码块行号字体色             |
-| `--quote-border-color`    | 引用边框色(左侧)             |
-| `--quote-font-color`      | 引用字体色                   |
-| `--kbd-color`             | 键盘字体色                   |
-| `--kbd-back`              | 键盘背景色                   |
-| `--kbd-shadow-color`      | 键盘阴影色                   |
-| `--scrollbar-color`       | 滚动条颜色                   |
-| `--scrollbar-color-hover` | 滚动条高亮颜色               |
-| `--border-color-normal`   | 边框色(轻)                   |
-| `--border-color-heavy`    | 边框色(重)                   |
-| `--border-color-code`     | 代码块边框色(行号与内容之间) |
-
-需要修改暗色样式？请使用 `color-scheme` 属性选择器：
-
-```css
-:root[color-scheme="dark"] {
-  --background: #1b1b1f;
-}
-```

docs/02.extend.md

@@ -1,5 +1,23 @@
 # 扩展
 
+## 提示框
+
+样式与 GitHub 一样，语法不同：
+
+```
+:::type
+这里是内容
+:::
+```
+
+`type` 的取值：
+
+- `note`
+- `tips`
+- `important`
+- `warning`
+- `caution`
+
 ## 代码高亮
 
 引入 `highlight.js`：

docs/03.style_preview.md

@@ -47,6 +47,28 @@ int main() {
 }
 ```
 
+## 提示框
+
+:::note
+少写几个 Bug
+:::
+
+:::tips
+多给点提示
+:::
+
+:::important
+重要的用小本本记下
+:::
+
+:::warning
+不要忽略警告
+:::
+
+:::caution
+小心搞大了
+:::
+
 ## 数学公式
 
 行内公式：$E=mc^2$

docs/04.theme_var.md

@@ -0,0 +1,42 @@
+# 主题变量
+
+| CSS 变量                  | 说明                  |
+| :------------------------ | :-------------------- |
+| `--font`                  | 全局字体              |
+| `--font-code`             | 代码字体              |
+| `--markdown-font-size`    | 文档字体大小          |
+| `--background`            | 全局背景色            |
+| `--font-weight`           | 字重                  |
+| `--font-weight-bold`      | 粗体字重              |
+| `--font-color`            | 字体颜色              |
+| `--font-color-menu`       | 菜单字体色            |
+| `--side-color-back`       | 菜单背景色            |
+| `--active-color`          | 菜单/导航字体高亮颜色 |
+| `--link-color`            | 链接字体色            |
+| `--inline-code-color`     | 行内代码字体色        |
+| `--inline-code-back`      | 行内代码背景色        |
+| `--block-code-back`       | 代码块背景色          |
+| `--line-number-color`     | 代码块行号字体色      |
+| `--quote-border-color`    | 引用边框色(左侧)      |
+| `--quote-font-color`      | 引用字体色            |
+| `--kbd-color`             | 键盘字体色            |
+| `--kbd-back`              | 键盘背景色            |
+| `--kbd-shadow-color`      | 键盘阴影色            |
+| `--scrollbar-color`       | 滚动条颜色            |
+| `--scrollbar-color-hover` | 滚动条高亮颜色        |
+| `--border-color-normal`   | 边框色(轻)            |
+| `--border-color-heavy`    | 边框色(重)            |
+| `--border-color-code`     | 代码块内容间隔颜色    |
+| `--color-note`            | 提示框颜色(note)      |
+| `--color-tips`            | 提示框颜色(tips)      |
+| `--color-important`       | 提示框颜色(important) |
+| `--color-warning`         | 提示框颜色(warning)   |
+| `--color-caution`         | 提示框颜色(caution)   |
+
+需要修改暗色样式？请使用 `color-scheme` 属性选择器：
+
+```css
+:root[color-scheme="dark"] {
+  --background: #1b1b1f;
+}
+```

docs/04.deploy.md docs/05.deploy.md

@@ -1,4 +1,5 @@
 - [使用](01.start.md)
 - [扩展](02.extend.md)
 - [样式预览](03.style_preview.md)
-- [部署](04.deploy.md)
+- [主题变量](04.theme_var.md)
+- [部署](05.deploy.md)