在docsify配置侧边栏中，我们介绍了配置侧边栏的方法，其实配置导航栏的方式跟配置侧边栏是类似的。

配置docsify

在index.html中配置docsify，支持导航栏。

  <script>
    window.$docsify = {
      name: '',
      repo: '',
      //启用封面支持
      coverpage:true,
      //支持导航栏
      loadNavbar: true,
      // 侧边栏支持，默认加载的是项目根目录下的_sidebar.md文件
      loadSidebar: true,
       // 最大支持渲染的标题层级
       maxLevel: 5,
      // 自定义侧边栏后默认不会再生成目录，设置生成目录的最大层级（建议配置为2-4）
      subMaxLevel: 4,
    }
  </script>

添加侧边栏配置文件

启用导航栏之后，我们需要添加一个导航栏配置文件_navbar.md。
在根目录下创建文件_navbar.md
创建完成后，目录结构如下

然后我们根据需要配置导航栏

* 香草物语
  * [Java](https://www.xiangcaowuyu.net/category/java/)
  * [Web前端](https://www.xiangcaowuyu.net/category/web/)

效果如下