Jekyll

Question

我正在使用 Jekyll 构建一个静态网站，首页滚动到页面上下的锚点，但如果用户转到 post，那么菜单显然不会去任何地方由于链接如下：

<li class="nav-link"><a data-scroll-goto="4" href="#contact">Contact</a></li>

在 Jekyll 中有没有办法在 cofig 文件中说如果 post 页面然后用菜单 B 替换菜单 A？

谢谢，

Answer 1

这就是布局的目的。

您的 /index.html 页面将使用 home.html 模板

您的 posts 将使用 post.html 然后 default.html 模板

index.html

---
layout: home
...
---
your content here

_layouts/home.html

<!DOCTYPE html>
<html>
  {% include head.html %}
  <body>
    {% include menu-a.html %} <----------LOADING Menu a
    <div class="page-content">
      <div class="wrapper">
        {{ content }}
      </div>
    </div>
    {% include footer.html %}
  </body>
</html>

_layouts/default.html

<!DOCTYPE html>
<html>
  {% include head.html %}
  <body>
    {% include menu-b.html %} <----------LOADING Menu b
    <div class="page-content">
      <div class="wrapper">
        {{ content }}
      </div>
    </div>
    {% include footer.html %}
  </body>
</html>

Jekyll - 在帖子页面上更改菜单

Jekyll - Change menu when on posts pages