Align

Mr.Hope ... Less than 1 minute

# Align

# Configuration







 





module.exports = {
  plugins: [
    [
      "md-enhance",
      {
        // Enable Align
        align: true,
      },
    ],
  ],
};
1
2
3
4
5
6
7
8
9
10
11

# Syntax

By injecting some options to vuepress-plugin-container, you can use below syntax to diy your paragraph align.

::: center
Paragraph to be align-center
:::

::: right
Paragraph to be align-right
:::
1
2
3
4
5
6
7

If you need nesting, you should increase the outer ::: mark number.

:::: right
Right-aligned text

Right-aligned text

::: center
Centered text
:::

Right-aligned text

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

# Demo

W.I.P

This theme is still in built, the API may have

Significant changes.

If you meet a bug while using, you can

:::: danger W.I.P

This theme is still in built, the API may have

::: center
Significant changes.
:::

If you encounter a bug while using, you can

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

# Other custom containers

Info

Information container

Tips

Tip container

Note

Warning container

Warning

Dangerous container

DETAILS

Details container

custom title

A custom information container

custom title

A custom tip container

custom title

A custom warning container

custom Title

A custom danger container

custom title

A custom details container

::: info
Information container
:::

::: tip
Tip container
:::

::: warning
Warning container
:::

::: danger
Dangerous container
:::

::: details
Details container
:::

::: info custom title
A custom information container
:::

::: tip custom title
A custom tip container
:::

::: warning custom title
A custom warning container
:::

::: danger custom Title
A custom danger container
:::

::: details custom title
A custom details container
:::
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