自定义对齐

Mr.Hope ... 大约 1 分钟

# 自定义对齐

# 配置






 




module.exports = {
  plugin: [
    "md-enhance",
    {
      // 启用自定义对齐
      align: true,
    },
  ],
};
1
2
3
4
5
6
7
8
9

# 语法

通过对 vuepress-plugin-container 进行额外的配置注入,你可以使用

::: center
要居中的段落
:::

::: right
要居右的段落
:::
1
2
3
4
5
6
7

来对你的段落对齐进行自定义。

如果你需要嵌套,则外面的 ::: 需要依次增加。

:::: right
右对齐文字

右对齐文字

::: center
居中文字
:::

右对齐文字

::::
1
2
3
4
5
6
7
8
9
10
11
12

# 演示

W.I.P

本主题仍在制作中,API 可能会有

重大的变动。

如果你在使用过程中遇到了 bug,可以

:::: danger W.I.P
本主题仍在制作中,API 可能会有

::: center
重大的变动。
:::

如果你在使用过程中遇到了 bug,可以

::: right
[提一个 issue](https://github.com/Mister-Hope/vuepress-theme-hope/issues)。
:::
::::
1
2
3
4
5
6
7
8
9
10
11
12
13

# 其他自定义容器

相关信息

信息容器。

提示

提示容器

注意

警告容器

警告

危险容器

DETAILS

详情容器

自定义标题

信息容器

自定义标题

提示容器

自定义标题

警告容器

自定义标题

危险容器

自定义标题

详情容器

::: info
信息容器。
:::

::: tip
提示容器
:::

::: warning
警告容器
:::

::: danger
危险容器
:::

::: details
详情容器
:::

::: info 自定义标题
信息容器
:::

::: tip 自定义标题
提示容器
:::

::: warning 自定义标题
警告容器
:::

::: danger 自定义标题
危险容器
:::

::: details 自定义标题
详情容器
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39