第一步

你的 vuepress 项目是否已经在github上的仓库下
如果是，请跳到第二步
如果不是，想在GitHub新建一个仓库，如图所示：

**小坑***
仓库名字要和config.js 里 的 base 属性值一样（这个配置不好的话打包上去访问的时候，一直报资源404页面没有样式）

比如你的仓库名字叫myBlog
base就是/myBlog/

创建项目完成之后直接把拉到本地，把vue-press项目复制到项目文件夹下面，保证在本地可以运行成功，上传代码到master分支上面（master用于保存项目的源代码）

第二步

新切一个gh-pages(名字随意)分支并切换到该分支，执行

git checkout -b gh-pages

该分支用来存打包后的文件

1. npm  run  build打包项目会生成public文件夹

2. 先删除 除了.git文件夹 ， node_module文件夹 ，public打包生成的文件夹， .gitignore之外的文件

3. 再把public文件夹下的所有文件剪切到根目录

4. 再删除public文件夹

5. git add -A

6. git commit -m 'deploy'

7. git push

8. 完成上传代码到gh-pages分支上面

第三步

此时github上你应该可以看到你的分支

点击settings ,然后往下拉，找到 GitHub Pages

在Source的下拉选中你的分支
出现 Your site is published at 网址
就说明发布成功了，访问这个网址就可以看到你的博客啦,

说明

github上面可以部署多个博客项目，只要保证

1. Source里面的分支选择自己打包文件放置的分支
2. 项目的里面代码的配置base的值是仓库名字
3. 访问地址.github.io/，username表示你的github的用户名，是当前的仓库名

文章参考转自：blog.csdn.net/anhuyong563…