自定义对齐

小于 1 分钟

自定义内容对齐方式。

配置

import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

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

语法

::: left
左对齐的内容
:::

::: center
居中的内容
:::

::: right
右对齐的内容
:::

::: justify
两端对齐的内容
:::

嵌套可以通过增加外层容器的 marker 数量完成:

居中的内容...

左对齐的内容...

居中的内容...

嵌套可以通过增加外层容器的 marker 数量完成:

:::: center
居中的内容...
::: left
左对齐的内容...
:::
居中的内容...
::::

转义可以通过在 marker 前添加 \ 转义来完成:

::: left

:::

转义可以通过在 marker 前添加 `\` 转义来完成:

\::: left

:::

演示

W.I.P

VuePress Theme Hope V2 版本仍在制作中，API 可能会有

重大的变动。

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

提一个 issue。

:::: caution W.I.P
VuePress Theme Hope V2 版本仍在制作中，API 可能会有

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

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

::: right
[提一个 issue](https://github.com/vuepress-theme-hope/vuepress-theme-hope/issues)。
:::

::::