html 从我的博客文章:使用Jekyll创建动态布局

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 从我的博客文章:使用Jekyll创建动态布局相关的知识,希望对你有一定的参考价值。

# ----------------------- #
# Styling & Colour scheme #
# ----------------------- #
style:
  color:
    primary: "#db030f"
    secondary: "#000"
    text: "#fff"
<style>
  .hero {
    background-color: {{ page.style.color.primary }};
    color:{{ page.hero.color }};
    background-image: url({{ site.assets.imgPath }}{{ page.hero.bg }}?w=500&{{ site.assets.params }});
  }
  .hero-title {
    color: {{ page.hero.color }};
  }
  .hero-link {
    color: {{ page.hero.color }};
  }
  .section--quote {
    background-color: {{ page.style.color.primary }};
    color: {{ page.style.color.text }};
  }
</style>

以上是关于html 从我的博客文章:使用Jekyll创建动态布局的主要内容,如果未能解决你的问题,请参考以下文章

Jekyll/Liquid 模板:如何按年份对博客文章进行分组?

[Html]Jekyll 代码高亮的几种选择

Jekyll/Github 站点没有在 Github 上显示正确的示例博客文章

如何从我的 jekyll github 页面链接中删除这个 %20?

Jekyll 博客主题现在在 GitLab 页面上显示博客文章

html Jekyll博客文章循环示例(ПримерциклавпостенаJekyll)