自定义对齐

自定义内容对齐方式。

配置

.vuepress/theme.ts

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

export default 
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。

Demo

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

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

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

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

::::