自动创建vuepress侧边栏

一个帮助你快速创建侧边栏的插件。

如何使用:

  • 第一步:
    下载
    npm install vuepress-auto-sidebar-doumjun
    
  • 第二步:
    在config.js文件中引入
    //config.js
    const autosidebar = require('vuepress-auto-sidebar-doumjun')
    
  • 第三步:
    themeconfig中使用
    //config.js
    themeConfig: {
      ...
      sidebar: {
          '/guide/BLOG/': [
            {
              title: '博客',//此处写标题
              children: autosidebar('/guide/BLOG/')//向autosidebar传入文档所在文件夹的路径
            }
          ]
      }
      ...
    }
    
  • 第四步:
    打包查看效果
    npm run docs:dev
    

效果预览:

https://doumjun.github.io/vuepress.blog/guide/BLOG/

github:https://github.com/DouMJun/vuepress-auto-sidebar-doumjun
欢迎star、提问和讨论.

上一篇:尚硅谷-谷粒学院BUG记录


下一篇:css设置滚动条样式