GitHub - w3teal/docsify-navbar-fixed: A new always on top customizable and pretty navigation bar for your docs.

Docsify Navbar Fixed Preview

A new always on top customizable and pretty navigation bar for your docs.


Example, try it here

Installation

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/LIGMATV/docsify-navbar-fixed/navbar-fixed.css">

Note

Just to be safe, please use your downloaded version. You can download the navbar-fixed.css here.

Every ⭐ star is expensive. If you can star this repository, you absolutely rich!

Configuration

You can configure your navbar preferences in _navbar.md file. Example

Important

You need to add loadNavbar: true to your index.html script, so the navbar will work. Learn more

Logo

<!-- Logo -->
[![](https://docsify.js.org/_media/icon.svg)](/)

Important

The Logo code must in the first line.

Title

docsify

Important

The Title code must be below the logo code or in the line after the logo code.

Badge

GitHub Corner was not supported on docsify-navbar-fixed. So you can use Shields.io badge inside.
Example :

[![GitHub Repo stars](https://img.shields.io/github/stars/docsifyjs/docsify ':class=badge')](https://github.com/docsifyjs/docsify/)

Important

Do not forget to add ':class=badge' inside the image code.

Color

#42b983
The navbar color is the same like in your themeColor configuration. Learn more

usually, you done!