自动化方案

1.获取对应目录下的文件名

这是一个初步应急的方案，对应 [视频] 地址
创建 utils/getFilenames.js 方法：

/**
 * 该文件用于获取一个目录下的所有文件名
 * 2019-4-24 手动获取某个目录下的所有文件名
 * example:  node utils/getFilenames.js
 */
const { readdir, writeFile} = require('fs');
const { resolve } = require('path');

const FOLDERPATH = '/githubBlog/VuePressBlog/docs/about';

//读取文件操作
readdir(FOLDERPATH, (err, files) => {
    let filenames = [];
    //遍历文件名，文件名为README命名为空,其余添加到文件名数组中
    files.forEach(file => {
        if (file === 'README.md') {
            file = `''`;
        } else {
            file = file.replace('.md', ''); //替换文件后缀为空
            file = `'${file}'`;
        }
        filenames.unshift(file)
    });

    //写入操作
    writeFile(resolve(__dirname, './filenames.js'), `[${filenames}]`, () => {
        console.log('文件名获取完成.');
    })
});

每次修改了对应的内容后获取该分类的路径，接着修改 FOLDERPATH ，再修改 package.json 文件：

  "scripts": {
    "getname": "node utils/getFilenames.js"
  },

之后每次修改完路径后使用 npm run getname 即可获得结果，将数据放入对应的侧边栏配置中即可。

2.自动部署到 Github Pages

教程
首先进入 travis-ci 官网，将对应的项目启用 Travis CI ：
[图片上传失败...(image-3ae347-1557026947173)]
点击该项目名称后可以进一步配置：
[图片上传失败...(image-4b6bc8-1557026947173)]
在 VuePress 官方文档中提及要使用 github-token，首先获取这个 token，进入 Github 设置，左下的 Developer settings：
[图片上传失败...(image-d86ed5-1557026947174)]
添加描述，勾选 repo：
[图片上传失败...(image-7f0729-1557026947174)]
将生成的 token 放入 Travis 配置中：
[图片上传失败...(image-52551d-1557026947174)]
确认构建好你的项目后，在根目录下按照文档添加 .travis.yml：

language: node_js
node_js:
  - lts/*
script:
  - npm run docs:build
deploy:
  provider: pages
  skip-cleanup: true
  local_dir: docs/.vuepress/dist
  github-token: $GITHUB_TOKEN
  keep-history: true
  on:
    branch: master

commit 提交：
[图片上传失败...(image-ac00ed-1557026947174)]