下拉菜单和链接到鹈鹕引导主题中的页面

时间:2017-04-02 22:12:04

标签: html css twitter-bootstrap pelican

我正在使用pelican-bootstrap3主题,我有一个无法解决的微不足道的问题。

我有一些页面,我想要的是为另一页的某些页面创建一个下拉菜单。

假设我遇到这种情况:

├── content
│   ├── pages
│   │   ├── about.md
│   │   ├── courses_list.md
│   │   └── first-corse.md
│   │   └── second-corse.md

我想让主导航栏显示course-list可见,fist-coursesecond-course作为下拉列表的子菜单。

{I}尝试(未成功)编辑的html代码是base.html

        {% if DISPLAY_PAGES_ON_MENU %}
            {% for p in pages | sort(attribute=PAGES_SORT_ATTRIBUTE) %}
                {% if p.url %}
                 <li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">
                     {{ p.menulabel|default(p.title) }}
                  </a></li>
                {% endif %}
              {% endfor %}
        {% endif %}

有人有过类似的问题吗?

感谢所有人!

1 个答案:

答案 0 :(得分:1)

Pelican作者does not prefer分层菜单(作为反模式)的核心功能。相反,他们欢迎插件或主题模板,以便在必要时处理此功能。 因此,(仅)自己部署该功能。

github上有(或许更多)主题,使用pelican-chameleon主题,使用MENUITEMS定义,就像本例中的变色龙自述文件一样。{/ p>

# works with chameleon theme
MENUITEMS = [
    ('Home', '/'),
    ('Archives', [
        ('Tags', '/tags.html'),
        ('Categories', '/categories.html'),
        ('Chronological', '/archives.html'),
        ]),
    ('Social', [
        ('Email', 'mailto: xx@yy'),
        ('Github', 'http://url-to-github-page'),
        ('Facebook', 'http://url-to-facebook-page'),
        ]),
    ]