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](path-to-image.jpg){:.border} |
![Lenna](path-to-image.jpg){:.shadow} |
Rounded | Circle |
---|---|
![Lenna](path-to-image.jpg){:.rounded} |
![Lenna](path-to-image.jpg){:.circle} |
Border + Rounded | Circle + Shadow |
---|---|
![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--primary.button--pill}
[BUTTON](#){:.button.button--secondary.button--pill}
[BUTTON](#){:.button.button--primary.button--rounded}
[X](#){:.button.button--primary.button--circle}
[BUTTON](#){:.button.button--secondary.button--rounded.button--sm}
[BUTTON](#){:.button.button--secondary.button--rounded.button--lg}