这里总结一下这个项目是如何部署到github进行访问的。
- 运行
npm run build构建项目，会发现项目下会生成docs文件夹，其中存放了所有的静态资源。 - 在
src/.vuepress/config.js中设置正确的 base。如果打算发布到https://<USERNAME>.github.io/，则可以省略这一步，因为 base 默认即是 "/"。如果打算发布到https://<USERNAME>.github.io/<REPO>/，则将 base 设置为/<REPO>/。 - 在项目根目录下创建
deploy.sh文件，这里我决定发布到https://github.com/<USERNAME>/<REPO>，文件内容如下：
#!/usr/bin/env sh
# 确保脚本抛出遇到的错误
set -e
# 生成静态文件
npm run build
# 进入生成的文件夹
cd docs/
git init
git add -A
git commit -m 'deploy'
# 如果发布到 https://<USERNAME>.github.io
# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master
# 如果发布到 https://<USERNAME>.github.io/<REPO>
git push -f [email protected]:iloveyou11/interview-practice.git master:gh-pages
cd -- 执行脚本
sh deploy.sh，直到部署成功。 - 这时可以直接通过
https://<USERNAME>.github.io/<REPO>访问在线页面。