【问题标题】:Jekyll define fonts in config.ymlJekyll 在 config.yml 中定义字体
【发布时间】:2016-08-15 12:44:19
【问题描述】:

我正在尝试在我的 jekyll 模板的 _config.yml 中定义字体变量,以便我可以在我的 css 中使用液体并直接从配置更改所有类型样式。不知何故它没有渲染,这甚至可能吗?

这是我的 _config 中的内容:

fonts:

 primary: Roboto Slab

 secondary: Helvetica

还有css:

body {
  font-family: '{{ site.fonts.primary }}',{{ site.fonts.secondary }},Arial,sans-serif;
}

【问题讨论】:

    标签: css yaml jekyll liquid


    【解决方案1】:

    为了让 Jekyll 处理 css 文件中的 Liquid 标签,您必须提供 YAML 前端:

    ---
    ---
    body {
      font-family: '{{ site.fonts.primary }}',{{ site.fonts.secondary }},Arial,sans-serif;
    }
    

    --- 行是 YAML 前端的开始和结束。您无需在其中定义任何内容。

    【讨论】:

    • 是的,我确实忘记了这些,但它也不起作用。我应该在css的前端创建字体变量吗?在这种情况下,语法应该如何?
    • 它也不起作用 不是一个合适的问题描述。请详细说明您的 CSS 文件在使用 Jekyll 处理后的样子。
    • css 渲染出液体对象应该为空的地方。 p {font-family: ' ',"Helvetica Neue",Helvetica,Arial,sans-serif;} 前两个分号里面应该有 'Karla' 字体。我在配置中定义的其他颜色标签工作正常,只有这个不行!
    • 好吧,终于成功了。我的问题是,每次我在 config.yml 中进行更改时,我都必须退出并再次为该站点提供服务,因为 --watch 看不到它们。不过,感谢您的宝贵时间!
    • 如何更改标题页字体大小?你在同一个 YAML 前文中使用什么参数?
    【解决方案2】:

    为什么不在你的 sass 文件中简单地声明这些变量呢?

    【讨论】:

    • 是的,你可以这样做,但是为了设计一个模板,例如不知道 sass 的人可以实现它,让他们只定义他们想在配置中使用的字体是非常干净的。 yml。这是一个简单的解决方案!
    猜你喜欢
    • 2014-02-28
    • 1970-01-01
    • 2016-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-08
    • 1970-01-01
    • 2023-03-11
    相关资源
    最近更新 更多