【问题标题】:Iterate over markdown headers to create navigation menu遍历 markdown 标题以创建导航菜单
【发布时间】:2013-08-10 08:30:36
【问题描述】:

我想制作一个单大页面,其侧面有一个菜单,可直接链接到该单页面内的部分。类似于the bootstrap manual pages。

我想用markdown写页面内容。如何让 jekyll 自动从 Markdown 页面的标题创建导航菜单? IE。循环/迭代标题以插入菜单项?

【问题讨论】:

    标签: jekyll liquid github-pages


    【解决方案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 %}
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-22
    • 1970-01-01
    • 2016-05-27
    • 2019-11-18
    相关资源
    最近更新 更多