Align
# Align
# Configuration
module.exports = {
plugins: [
[
"md-enhance",
{
// Enable Align
align: true,
},
],
],
};
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
:::
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
::::
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).
:::
::::
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
:::
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