要想部署一个属于自己的个人网站或者项目网站，流程参考 一个网站部署的详细流程！步骤齐全！少走坑路 - 腾讯云，其中包括域名注册、域名备案、域名解析、购买服务器等等，这些流程真的很长很麻烦，而且服务器费用还高
有时候只是想把网站部署出去给少数人使用，想省事也不想承担相应成本，可以借助 github 平台来完成，本文介绍如何创建：
- 个人网站（
https://<username>.github.io/） - 项目网站（
https://<username>.github.io/<project-name>/）
创建个人网站
- 创建仓库
仓库名设置为：
<username>.github.io（username：github 官网的用户名）
仓库地址：github.com/ALKAOUA720/...
- 上传在本地开发好的 html 或编译构建后的产物
这里为了方便演示，直接在 github 官网上传了一个简单的 html 文件
- 提交变更后点击 settings - pages
- 可以看到 Github Pages 已经自动生成我的个人网站了，可以直接访问 alkaoua720.github.io/
创建项目网站
以我的个人 Github 项目为例：
github.com/ALKAOUA720/... （一个采用 React + umi 框架的前端 Web 项目）
- 创建一个单独的分支 publish
- 本地执行
npm run build后生成的构建产物：
- 本地将这些产物变更到 publish 分支并提交推送到远程仓库
- 还是到 settings - pages 路径下：
关注 build and deployment 区域
- Source 选择 Deploy from a branch
- Branch 选择我们刚刚创建并有提交记录的 publish 分支，目录按默认跟目录即可
- github 会自动执行构建流程（之后每次 publish 分支有新的提交也会自动构建）
- 回到 settings - pages 下可以看到这个项目的网站链接已经生成，部署记录也可以看到，点击访问项目网站 alkaoua720.github.io/common-ui-r...
- 当然如果自己有购买域名也可以自定义域名
- 后续更新发布：
注意：master 分支提交推送后本地跑一次 build 构建，将构建产物发到 publish 分支，并完成提交和推送，github 会自动完成部署更新，可能需要稍等 1~2 分钟
生成网站的二维码
借助 草料二维码生成器 可以给你的个人网站、项目网站生成二维码，方便移动端扫码访问：
- 点击"网址" - "网址静态码"
- 输入网址链接后点击"生成二维码"：
成功为我的项目网站 github.com/ALKAOUA720/... 生成一个二维码
- 可以调整二维码尺寸（单位：px）
这里将其设置为 200 × 200 px
- 还可以对二维码进行美化
最终效果：
二维码永久有效