vuepress 的侧边栏配置太烦人了,如果写了很多文档,并且还是多层级的话
纯写配置文件都是噩梦
默认主题的 sidebar: auto 也比较难用,而且没法显示全部文件的侧边栏
所以。。写了个 node 脚本自动生成一个配置
主要是为我的项目服务的,发出来谁跟我的情况一样就拿去用吧
另外,我项目的地址在 https://github.com/YuArtian/LearnForOffer
-
运行
node autoSideBar
-
如果运气好不报错的话,会成功生成配置文件
-
运气不好报错了,可能是你文件结构不对,请看下面的配置生成规则
-
还是报错。。请自主排查错误,嘿嘿 🐶
比如你有如下目录
.
├─ README.md
├─ contact.md
├─ about.md
├─ foo/
│ ├─ README.md
│ ├─ one.md
│ └─ two.md
└─ bar/
├─ three.md
└─ four.md
则生成的配置为
[
{
title: "contact",
path: "/contact.md"
},
{
title: "about",
path: "/about.md"
},
{
title: "foo",
path: "/foo/"
children: [
{
title: "one",
path: "/one.md"
},
{
title: "two",
path: "/two.md"
}
]
},
{
title: "bar",
children: [
{
title: "three",
path: "/three.md"
},
{
title: "four",
path: "/four.md"
}
]
},
]