Liquid可以用来快速添加自定义类的CSS样式到文本中吗?

问题描述 投票:0回答:1

有没有什么方法可以快速添加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> 就足以实现我的目标。

jekyll liquid
1个回答
0
投票

看看能不能帮到你。例如,想象一下,在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" %}

很明显,你可以通过输入一个类的名称而不是内联样式来个性化一切。

© www.soinside.com 2019 - 2024. All rights reserved.