附加样式

Jekyll 使用 kramdown 作为默认 Markdown 解释器。kramdown 可以通过 ALDs1 来设置块级元素或行内元素的属性。例如,可以通过 {:.class-name1.class-name-2} 来给元素定义样式类。

TeXt 定义了一些样式类,你可以在文章和页面的方便的使用,可以在这里看到示例和详细的说明.

提示

样式名称
success
info
warning
error

Success Text.

Info Text.

Warning Text.

Error Text.

markdown:

Success Text.
{:.success}
Info Text.
{:.info}
Warning Text.
{:.warning}
Error Text.
{:.error}

图片边框

样式名称
border
shadow
rounded
circle
Border Shadow
Lenna Lenna
![Lenna](path-to-image.jpg){:.border} ![Lenna](path-to-image.jpg){:.shadow}
Rounded Circle
Lenna Lenna
![Lenna](path-to-image.jpg){:.rounded} ![Lenna](path-to-image.jpg){:.circle}
Border + Rounded Circle + Shadow
Lenna Lenna
![Lenna](path-to-image.jpg){:.border.rounded} ![Lenna](path-to-image.jpg){:.circle.shadow}

按钮

类别 样式名称
base button
type button--primary, button--secondary, button--success, button--info, button--warning, button--error
shape button--pill, button--rounded, button--circle
size button--md(default), button--sm, button--lg

BUTTON

[BUTTON](#){:.button.button--primary.button--pill}

BUTTON

[BUTTON](#){:.button.button--secondary.button--pill}

BUTTON

[BUTTON](#){:.button.button--primary.button--rounded}

X

[X](#){:.button.button--primary.button--circle}

BUTTON

[BUTTON](#){:.button.button--secondary.button--rounded.button--sm}

BUTTON

[BUTTON](#){:.button.button--secondary.button--rounded.button--lg}