vuepress侧边栏配置_GitHub - realDuang/vuepress-plugin-auto-sidebar: vuepress 自动生成侧边栏的插件。...

本文介绍了 Vuepress 插件 `vuepress-plugin-auto-sidebar`,用于自动为 Vuepress 生成侧边栏分组。内容包括:目录结构示例、插件安装与使用、排序和标题模式设置、自定义标题映射、生成导航栏模板,以及常见问题解答。
摘要由CSDN通过智能技术生成

Vuepress Plugin Auto Sidebar

介绍(Introduction)

这是为 vuepress 自动生成侧边栏分组的插件。

1. 目录结构示例

docs

├── exampleMenu1

│   ├── exampleSubMenu1-1

│   │   └── file1.md

│   ├── exampleSubMenu1-2

│   │   └── exampleSubMenu1-2-1

| | └── file1.md

│   └── exampleSubMenu1-2

│   | ├── file1.md

│   | ├── file2.md

│   | └── file3.md

| ├── file1-1.md # 不推荐目录、文件同级

| └── README.md # 原因见 提问5

├── exampleMenu2

│   ├── file1.md

│   └── README.md

2. 在线示例

安装(Install)

npm i vuepress-plugin-auto-sidebar -D

使用(Usage)

1. 无注释

有部分使用者跟我说注释后显得太乱,那就简单点。

module.exports = {

plugins: {

"vuepress-plugin-auto-sidebar": {}

}

}

2. 注释

与上方一致,仅仅是添加了注释。

// 修改 docs/.vuepress/config.js

module.exports = {

// 引入插件

plugins: {

// 更多方式可参考:

// https://v1.vuepress.vuejs.org/zh/plugin/using-a-plugin.html

"vuepress-plugin-auto-sidebar": {} // 可参考下方的 “可选项”

},

themeConfig: {

// 无需配置

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值