TypechoJoeTheme

香草物语

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

docsify配置导航栏

Laughing博主
2022-09-29
/
0 评论
/
1,095 阅读
/
199 个字
/
百度已收录
09/29
本文最后更新于2024年03月15日,已超过44天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

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

效果如下

docsify
朗读
赞(1)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

香草物语

本文链接:

https://www.xiangcaowuyu.net/blog/docsify-configuration-navigation-bar.html(转载时请注明本文出处及文章链接)

评论 (0)