Awesome nav demo

Getting Started

Add the gem to your Jekyll site and enable it in _config.yml.

Install the gem

gem "jekyll-awesome-nav"

Then install your bundle:

bundle install

Enable the plugin

plugins:
  - jekyll-awesome-nav

awesome_nav:
  enabled: true
  root: docs
  nav_filename: .nav.yml

Add docs pages

Create Markdown files under the configured root:

docs/
├── index.md
├── getting-started.md
└── guides/
    ├── index.md
    └── install.md

Each page should have a title:

---
title: Install
---

Install instructions go here.

The plugin builds navigation from these pages during the normal Jekyll build. Your layout can then render page.awesome_nav, page.breadcrumbs, and the previous/next links.

Render it

If your theme already supports jekyll-awesome-nav, choose that docs layout for pages under your docs root. This site uses a small demo layout through defaults:

defaults:
  - scope:
      path: "docs"
    values:
      layout: awesome_nav_demo

If your theme does not support it yet, use the examples in Layout Integration to wire the data into your own layout.

Plugin data Resolved page variables for this page

page.breadcrumbs

[{"title":"Documentation","url":"/docs/"},{"title":"Getting Started","url":"/docs/getting-started/"}]

page.awesome_nav

[{"title":"Getting Started","url":"/docs/getting-started/","current":true,"contains_current":true},{"title":"Guides","url":"/docs/guides/","children":[{"title":"Install Guide","url":"/docs/guides/install/","current":false,"contains_current":false},{"title":"Layout Integration","url":"/docs/guides/layouts/","current":false,"contains_current":false},{"title":"Configuration","url":"/docs/guides/config/","current":false,"contains_current":false},{"title":".nav.yml Reference","url":"/docs/guides/nav-file/","current":false,"contains_current":false},{"title":"Navigation Overrides","url":"/docs/guides/overrides/","current":false,"contains_current":false},{"title":"Generated Data","url":"/docs/guides/data/","current":false,"contains_current":false}],"current":false,"contains_current":false},{"title":"Examples","children":[{"title":"Examples Home","url":"/docs/examples/","current":false,"contains_current":false},{"title":"Basic Folder Navigation","url":"/docs/examples/basic-folder-navigation/","current":false,"contains_current":false},{"title":"Local Override","url":"/docs/examples/local-override/","current":false,"contains_current":false}],"current":false,"contains_current":false}]

page.awesome_nav_local

[{"title":"Getting Started","url":"/docs/getting-started/"},{"title":"Guides","url":"/docs/guides/","children":[{"title":"Install Guide","url":"/docs/guides/install/"},{"title":"Layout Integration","url":"/docs/guides/layouts/"},{"title":"Configuration","url":"/docs/guides/config/"},{"title":".nav.yml Reference","url":"/docs/guides/nav-file/"},{"title":"Navigation Overrides","url":"/docs/guides/overrides/"},{"title":"Generated Data","url":"/docs/guides/data/"}]},{"title":"Examples","children":[{"title":"Examples Home","url":"/docs/examples/"},{"title":"Basic Folder Navigation","url":"/docs/examples/basic-folder-navigation/"},{"title":"Local Override","url":"/docs/examples/local-override/"}]}]

page.awesome_nav_dir

"docs"

page.awesome_nav_previous

{"title":"Documentation","url":"/docs/"}

page.awesome_nav_next

{"title":"Guides","url":"/docs/guides/"}