有没有什么方法可以快速添加CSS样式,例如通过CSS类,使用Liquid(在用Jekyll生成的markdown文档中)?
我希望能够写一些类似于这样的内容
blah blah words {% someclass | words styled by class someclass %} some
more words.
我感觉这样的事情是可能的,从某个地方顺便看到的片段中,但我现在上网查了一下,却找不到如何做到这一点(或者说是否真的可能)。我对Liquid几乎完全陌生。
我知道我可以做到以下几点
blah unstyled words
{:.someclass}
words to be styled by CSS of someclass
blah unstyled (well, body- and p-styled) words
以创建一个应用了类的段落(由于markdown),比如说. <p class="sometag"> words to be styled by CSS of someclass</p>
,并附上预期的内容。
能够将元素从 <p>
到 <span>
就足以实现我的目标。
看看能不能帮到你。例如,想象一下,在markdown文件中,我们想插入一个红色的粗体字。<H2>
题目和段落 <p>
用绿色粗体文字,使用自定义标签。
您可以这样做:在 _include
在Jekyll项目的目录下,创建一个没有扩展名的文件,名为 mytag
. 内部 mytag
输入下面的代码并保存。
档 mytag
:
{% if include.h2 %}
{% capture mystyle %}
<h2 style="color: red; font-weight: bold; font-size: 2em;"> {{ include.h2 }} </h2>
{% endcapture %}
{{ mystyle }}
{% endif %}
{% if include.p %}
{% capture mystyle %}
<p style="color: green; font-weight: bold;"> {{ include.p }} </p>
{% endcapture %}
{{ mystyle }}
{% endif %}
现在在你的 .md
文件,你可以写下面的代码,让它有一个红色的粗体。<H2>
标题。
{% include mytag h2="My title h2" %}
或者你可以写下面的代码,有一个段落 <p>
用绿色粗体字。
{% include mytag p="I'm a green bold paragraph" %}
很明显,你可以通过输入一个类的名称而不是内联样式来个性化一切。