Custom alignment

Less than 1 minute

Customize content alignment.

Settings

.vuepress/config.ts
import { defineUserConfig
 } from "vuepress";
import { hopeTheme
 } from "vuepress-theme-hope";

export default defineUserConfig
({
  theme
: hopeTheme
({
    markdown
: {
      align
: true,
    },
  }),
});

Syntax

::: left
Contents to align left
:::

::: center
Contents to align center
:::

::: right
Contents to align right
:::

::: justify
Contents to align justify
:::

Nesting can be done by increasing marker number of outer container:

Center contents...

Left contents...

Center contents...

Nesting can be done by increasing marker number of outer container:

:::: center
Center contents...
::: left
Left contents...
:::
Center contents...
::::

::: left

Escaping can be done by adding \ to escape the marker

:::

\::: left

Escaping can be done by adding `\` to escape the marker

:::

Demo

Caution

VuePress Theme Hope V2 version is still in W.I.P, the API may have

Significant changes.

If you meet a bug during usage, you can

open an issue.

:::: caution
VuePress Theme Hope V2 version is still in W.I.P, the API may have

::: center
Significant changes.
:::

If you meet a bug during usage, you can

::: right
[open an issue](https://github.com/vuepress-theme-hope/vuepress-theme-hope/issues).
:::
::::

Changelog

2/18/25, 7:08 AM

View All Changelog

b1230-docs(theme): add twoslashon 2/18/25
22787-feat!: replace plugins with official ones and rebuild markdown options (#4553)on 12/6/24
b41c0-docs(theme): update docson 3/28/24
54c46-docs: update docson 1/26/24
55ea3-docs: rebuild docson 11/10/23
757fd-docs: update docson 11/3/23
83bff-docs: update docson 10/24/23
2a306-docs: fix typos, grammar, and other minor issues (#3049)on 4/21/23
e45fb-docs: update docson 4/14/23
8174c-docs(theme): use fontawesomeon 1/18/23
2fa50-feat: migrate to ESM (#2158)on 8/28/22
3c8d6-docs(theme): update docson 6/1/22
9856d-feat(theme): rebuild structure sidebar sorton 5/24/22
23515-docs: update codetabon 5/21/22
48bca-feat(md-enhance): rebuild code tabs and support tabidon 5/21/22
9cdd7-feat(md-enhance): change @codetab to @tabon 5/20/22
63d09-feat(md-enhance): rebuild codegroupon 5/19/22
fd395-docs: update related docson 5/3/22
1eb77-docs(theme): update docson 4/23/22
259cc-docs: update docson 3/14/22
f6ff0-docs(theme): update categories and tagson 2/26/22
3c199-docs(theme): add docson 2/15/22
ace60-docs(md-enhance): add docson 1/27/22
688d8-test(md-enhance): update demoon 1/23/22
8e875-feat: add md-enhance packageon 6/5/21

Contributors

Mr.Hope

Nan Huang