vuepress-theme-reco博客项目部署github

通过vuepress-theme-reco构建博客项目部署在github

直接跳过前面项目初始化

在config.js 将base设置为仓库名称

直接到打包阶段

-----------首先将代码推到github–master分支-----------

npm run build

-----------在根路径生成public文件-----------

在根路径生成文件deploy.sh

确定生成public文件之后,双击该文件或者命令行 $ bash deploy.sh

# deploy.sh文件
# 确保脚本抛出遇到的错误
set -e

# 进入生成的文件夹
cd ./public

git init
git add -A
git commit -m '--first commit'

# 如果发布到 https://<USERNAME>.github.io/<REPO>
git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

cd -

-----------将打包之后的文件推到gh-pages分支-----------

-----------gh-pages!!!!!!!!!-----------
然后在github该项目仓库的settings中

vuepress-theme-reco博客项目部署github_第1张图片
设置成功之后就可访问博客项目地址

https://xxx.github.io/my_blog/

希望能对大家有所帮助!!!

你可能感兴趣的:(vuepress,vue.js,vuepress,javascript)