Home

Awesome

Docsify Navbar Fixed Preview

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

Screenshot Capture - 2024-05-20 - 16-35-42
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 <a href="https://cdn.jsdelivr.net/gh/LIGMATV/docsify-navbar-fixed/navbar-fixed.css">here</a>.

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

<!-- Title -->
docsify

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/)

GitHub Repo stars

[!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!