用Jekyll / Bridgetown在Markdown中设置CSS类的方法

71 阅读1分钟

用Markdown写博文实在是太好了。这个博客就是用Markdown写的!

但有时你可能会想降到原始的HTML来添加一些额外的样式。

例如,也许你想用markdown写这个内容,但让它应用一个 "pro-tip "CSS类,这样它看起来就像......嗯,这个

使用方法

流行的Ruby静态网站生成器如JekyllBridgetown默认使用Kramdown来渲染你的Markdown。

在Kramdown中,有一个叫做 "Block Inline Attribute Lists "的功能,它是标准Markdown语法的一个扩展:

A simple paragraph with an ID attribute.
{: #para-one}

> A blockquote with a title
{: .pull-quote }

你使用{: CSS_SELECTOR } ,将额外的HTML属性附加到渲染的Markdown输出中:

Jekyll CSS classes

这对于在你的文章中添加小的点缀是非常好的,而不需要下降到原始HTML。