自动化方案
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('文件名获取完成.');
})
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
每次修改了对应的内容后获取该分类的路径，接着修改 FOLDERPATH ，再修改 package.json 文件：
"scripts": {
"getname": "node utils/getFilenames.js"
},
1
2
3
2
3
之后每次修改完路径后使用 npm run getname 即可获得结果，将数据放入对应的侧边栏配置中即可。
2.自动部署到 Github Pages
教程
首先进入 travis-ci 官网，将对应的项目启用 Travis CI ：
点击该项目名称后可以进一步配置：
在 VuePress 官方文档中提及要使用 github-token，首先获取这个 token，进入 Github 设置，左下的 Developer settings：
添加描述，勾选 repo：
将生成的 token 放入 Travis 配置中：
确认构建好你的项目后，在根目录下按照文档添加 .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
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
commit 提交：
