html - Jekyll：动态 CSS 类的 Liquid 自定义输出语句

Question

我的 Jekyll 网站有两种内容：个人的和专业的。

我想强调一下访问者当前正在使用动态 CSS 类阅读哪种内容：

在每一页的前面，我正在创建一个输出语句，我将其设置为"personal"或"professional"，例如：

---
content: "personal"
----

然后我在我的标签中使用这个输出语句，如下所示：（为了阅读目的而缩进）

<main
{% if page.content %}
    class="{{ page.content }}-content"
    {% else %}
        class="site-content"
{% endif %}
>

但是，我只看到我site-content班上的样式。我做错什么了？

score 0 · Accepted Answer

感谢上面的评论，我修复了它！

问题是我没有像我想的那样使用自定义输出语句：{{ content }}Jekyll 已经使用它来将 Markdown 文章包含到 HTML 布局中。

所以我切换{{ page.content }}到{{ page.contenttype }}它工作正常！

警告： 我还必须更改我给出的输出语句的值。professional工作正常，但由于某种原因personal正在返回nil。所以我只是将它们切换为proandperso和瞧。

1 回答 1