迭代降价标题以创建导航菜单

时间:2013-08-10 08:30:37

标签: jekyll liquid github-pages

我想制作一个单一大页面,其中一个菜单会直接链接到此单页内的部分。与the bootstrap manual页类似。

我想在markdown中编写页面内容。如何让jekyll从降价页面的标题中自动创建导航菜单?即循环/遍历标题以插入菜单项?

1 个答案:

答案 0 :(得分:1)

我相信这只能通过一个额外的插件来完成。因为您在GitHub页面上运行,所以无法使用插件。

此方法不是自动的,但您可以获得相同的结果。

<强> _config.yml

nav:
- page: Header One
  permalink: #header-one

- page: Header Two
  permalink: #header-two

<强> default.html中

{% for n in site.nav %}
    <li><a href="{{ n.permalink }}">{{ n.page }}</a></li>
{% endfor %}