目录页面设置

Tom Tan大约 1 分钟使用指南配置页面配置使用指南

我们希望首页或者其他的列表页面自动展示新的文章, 并且以目录或层级的方式展示出来。这需要用到 vuepress-plugin-auto-catalog 这个组件.

安装组件

pnpm add -D vuepress-plugin-auto-catalog

在 // .vuepress/config.ts 引用

// .vuepress/config.ts
import { autoCatalogPlugin } from "vuepress-plugin-auto-catalog";
export default {
  plugins: [
    autoCatalogPlugin({
      //插件选项
    }),
  ],
};

首页引入

在首页使用组件, 路径 docs/README.md

<AutoCatalog />

看看效果, 真的可以自动展示所有文档。

但是怎么都是上下排序的？怎么改成左右排序, 自动换行呢? 暂时无解

局部引入

但如果在需要展示部分的目录，比某个专栏或某个分目录的列表, 就需要加入 base属性。
打比方分目录的链接是 https://book.itomtan.com/english-miniprogram/open in new window

设置如下：

<AutoCatalog base='/english-miniprogram/' />

目录页面设置

# 安装组件

# 首页引入

# 局部引入

# 排序目录

安装组件

首页引入

局部引入

排序目录