Vue Press 的配置

网站基本配置

配置文件

新建.vuepress/config.js文件，

.
├─ docs
│  ├─ README.md
│  └─ .vuepress
│     └─ config.js
│     └─ public
│        └─ favicon.ico
└─ package.json

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around',
  dest: './dist', //重新定义输出目录
}

主题配置

参考：默认主题配置 (opens new window)

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around',
  dest: './dist', //重新定义输出目录,
  themeConfig: {
    nav: [
      { text: 'text1', link: '/Tool/Links.md' },
      { text: 'text2', link: 'http://jenkins.sialvsic.tech/' },
    ],
    // 默认值是 true 。设置为 false 来禁用所有页面的 下一篇 链接
    nextLinks: true,
    // 默认值是 true 。设置为 false 来禁用所有页面的 上一篇 链接
    prevLinks: true,
    smoothScroll: true,
    sidebar: [
      {
        title: '前端开发',   // 必要的
        // path: '/FE/',      // 可选的, 标题的跳转链接，应为绝对路径且必须存在
        collapsable: true, // 可选的, 默认值是 true,
        sidebarDepth: 2,    // 可选的, 默认值是 1
        children: [
          '/FE/HTML/',
          '/FE/CSS/',  <<== 此处的/结尾默认读取README.md
        ]
      },
      {
        title: '工具',
        collapsable: true,
        sidebarDepth: 2,
        children: [
          '/Tool/Links.md',
          {
            title: 'VuePress',
            collapsable: true,
            children: [
              '/Tool/VuePress/BasicTo-VuePress.md',
              '/Tool/VuePress/HowTo-VuePress.md', <<== children可以再次嵌套children
            ]
          },
          {
            title: '软件',
            collapsable: true,
            children: [
              '/Tool/Software/OnMyZsh.md',
            ]
          },
         
        ],
      },
      {
        title: '团队管理',
        collapsable: true,
        sidebarDepth: 2,
      },
    ]
  }
}

应用级别的配置

新建.vuepress/enhanceApp.js

如何配置全局的Footer

参考：Github issue (opens new window)