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}
标签
Class Names |
---|
success |
info |
warning |
error |
success
info
warning
error
markdown:
`success`{:.success}
`info`{:.info}
`warning`{:.warning}
`error`{:.error}
图片
样式名称 |
---|
border |
shadow |
rounded |
circle |
Border
{:.border}
Shadow
{:.shadow}
Rounded
{:.rounded}
Circle
{:.circle}
Mixture
{:.border.rounded}
{:.circle.shadow}
{:.circle.border.shadow}