test/docsify
1
0
Fork 0
mirror of https://gitee.com/docsifyjs/docsify.git synced 2024-12-03 20:48:55 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
f573caa3c6
docsify/docs/custom-navbar.md
qingwei.li 7c6ab54ba7 docs(en) finish
2017-02-13 22:43:58 +08:00

1.4 KiB
Raw Blame History

Custom navbar

You can create navbar in HTML file. But note that the link begins with #/.

index.html

<body>
  <nav>
    <a href="#/">EN</a>
    <a href="#/zh-cn/">中文</a>
  </nav>
  <div id="app"></div>
</body>

Writing by Markdown

You can custom navbar by Markdown file. Set the loadNavbar to true and create a _navbar.md. The detail in Configuration#load-navbar.

index.html

<script>
  window.$docsify = {
    loadNavbar: true
  }
</script>
<script src="//unpkg.com/docsify"></script>

_navbar.md

- [En](/)
- [chinese](/zh-cn/)

_navbar.md is loaded from each level directory. If this directory doesn't have _navbar.md, it will fallback to parent directory. For example, the current path is /guide/quick-start, the _navbar.md will be loaded from /guide/_navbar.md.

Nesting

You can create sub-lists by indenting items that are under a certain parent.

- Getting started
 - [Quick start](/quickstart)
 - [Writing more pages](/more-pages)
 - [Custom navbar](/custom-navbar)
 - [Cover page](/cover)

- Configuration
  - [Configuration](/configuration)
  - [Themes](/themes)
  - [Using plugins](/plugins)
  - [Markdown configuration](/markdown)
  - [Lanuage highlight](/language-highlight)

Example.

Nesting navbar