VuePress

• https://v1.vuepress.vuejs.org/zh
• https://vuepress-theme-reco.recoluan.com/views/1.x/local.html
• https://vuepress-theme-reco.recoluan.com/views/1.x/sidebar.html

1. 安装node

2. 配置环境变量

export NODE_OPTIONS=--openssl-legacy-provider

3. 创建并进入一个新目录

mkdir vuepress-starter && cd vuepress-starter

4. 安装yarn

npm install -g yarn

5. 初始化

yarn init

6. 将 VuePress 安装为本地依赖

我们已经不再推荐全局安装 VuePress

yarn add -D vuepress

7. 创建你的第一篇文档

mkdir docs && echo '# Hello VuePress' > docs/README.md

8. 在 package.json 中添加一些 scripts

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

9. 在本地启动服务器

yarn docs:dev

10. 左边栏配置

.vuepress/config.js

module.exports = {
  theme: 'reco',
  title: 'Hello VuePress',
  description: 'Just playing around',
  themeConfig: {
    subSidebar: 'auto',
    sidebarDepth: 0,
    sidebar: [
      '/',
      '/jdbc'
    ]
  }
}

11. 右边栏主题安装

yarn add vuepress-theme-reco

12. 右边栏配置

.vuepress/config.js

module.exports = {
  theme: 'reco',
  themeConfig: {
    subSidebar: 'auto',
  }    
}