迭代Markdown标题以创建导航菜单

7
我想制作一个单页网站,带有侧边菜单,可以直接链接到单页内的各个部分。类似于Bootstrap手册页面。
我想用Markdown编写页面内容。如何让Jekyll从Markdown页面的标题自动创建导航菜单?即循环/迭代标题以插入菜单项?
1个回答

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 %}

1
你能否扩展一下示例,加入嵌套菜单项,就像http://getbootstrap.com/css/#overview所演示的那样? - Jeroen Ooms

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接