docs: update docs
This commit is contained in:
parent
4735ca7b97
commit
d9cc70168e
@ -59,7 +59,7 @@ Annotation(注释) 语法有两个部分组成:
|
||||
|
||||
[+vuepress]: VuePress 是一个 [静态站点生成器](https://en.wikipedia.org/wiki/Static_site_generator) (SSG) 。 专为构建快速、以内容为中心的站点而设计。
|
||||
|
||||
还可以为 `label` 定义多个注释,多个定义将会以列表的形式渲染。
|
||||
**还可以为 `label` 定义多个注释,多个定义将会以列表的形式渲染。**
|
||||
|
||||
**输入:**
|
||||
|
||||
|
||||
@ -67,8 +67,9 @@ vuepress-theme-plume 是一个 ==简洁美观== 的 主题
|
||||
|
||||
- `--vp-mark-text` - 马克笔的文本颜色
|
||||
- `--vp-mark-bg` - 马克笔的背景颜色
|
||||
- `--vp-mark-linear-color` - 渐变颜色,仅用于内置的 `--vp-mark-bg-image` 中
|
||||
- `--vp-mark-bg-shift` - 马克笔的内置渐变背景偏移
|
||||
- `--vp-mark-bg-image` - 马克笔的背景图片
|
||||
- `--vp-mark-linear-color` - 渐变颜色,仅在内置配色中生效
|
||||
|
||||
### 修改内置配色
|
||||
|
||||
@ -76,15 +77,11 @@ vuepress-theme-plume 是一个 ==简洁美观== 的 主题
|
||||
|
||||
```css :collapsed-lines
|
||||
mark {
|
||||
--vp-mark-text: marktext;
|
||||
--vp-mark-bg: transparent;
|
||||
--vp-mark-bg-image: linear-gradient(to bottom, transparent 25%, var(--vp-c-brand-soft) 30%, var(--vp-c-brand-soft) 50%, var(--vp-c-brand-3) 75%, var(--vp-c-brand-3) 90%, var(--vp-c-brand-soft) 100%);
|
||||
}
|
||||
|
||||
mark:where(.note, .tip, .info, .warning, .danger, .caution, .important) {
|
||||
--vp-mark-text: currentcolor;
|
||||
--vp-mark-bg: transparent;
|
||||
--vp-mark-bg-image: linear-gradient(to bottom, transparent 55%, var(--vp-mark-linear-color) 55%);
|
||||
--vp-mark-bg-shift: 0.55lh;
|
||||
--vp-mark-linear-color: var(--vp-c-brand-3);
|
||||
--vp-mark-bg-image: linear-gradient(to right, var(--vp-mark-linear-color) 50%, transparent 50%);
|
||||
}
|
||||
|
||||
mark.note {
|
||||
@ -142,6 +139,7 @@ mark.classname {
|
||||
--vp-mark-text: marktext; /* 文本颜色 */
|
||||
--vp-mark-bg-image: none; /* 背景图片 */
|
||||
--vp-mark-bg: mark; /* 背景颜色 */
|
||||
--vp-mark-linear-color: mark; /* 渐变颜色 */
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user