借助Github的 gh-pages 展示当前作品的实际效果，可以让访问当前项目的用户直观的查看到项目的实际效果。
展示部分文件 如 dist 目录。

前提是已经创建了 Github博客

也就是 userName.github.io仓库 userName 就是用户名,
如果没有创建的请先创建，这里不再记录创建的过程。
可以参考一下之前的 文章

gh-pages分支介绍

gh-pages主要是对每个仓库中的内容进行展示
跟userName.github.io并没有很大的关系，主要设置还是在要展示的仓库上。
并且需要用到一个关键的命令：

1
2
3
4
git subtree push --prefix=dist origin gh-pages
// 这句话的意思就是把指定的dist目录下的文件提交到gh-pages分支上.
// origin 就是指向的仓库名称。如果更改了请对应修改

具体的步骤：

  1. 先建立个人的 Github 博客。
  2. 创建一个项目仓库。
  3. 上传远程文件到仓库。并且已经生成了展示目录 如: dist
  4. 执行关键命令
  5. 然后就会发现 该仓库下已经新建了一个 gh-pages 目录 并且已经把文件上传了。

访问：

通过 https://joozh.github.io/仓库名称（区分大小写） 来访问当前的项目了。

以全部文件作为展示。

…… 稍后再说。