【20190819】如何利用 Github pages 托管多个站点

[zhongxia245]

GitHub可以免费托管静态网页，并且为每个账户提供一个 username.github.io 的域名，在这个域名下正好可以写个博客。

另外GitHub中的repository 也可以建立 gh-pages 分支，GitHub会默认发布此分支的静态网页在 https://username.github.io/projectname/ 下，据此我们可以发布N个站了。

利用 npm-scripts 快速部署

利用 gh-pages 包，可以快速构建 gh-pages 分支，并且上传指定文件夹到分支中，实现 github pages 的 网页快速托管。

{
"scripts": {
    "start": "umi dev",
    "build": "umi build",
    "depoly": "npm run build && gh-pages -d dist"
  },
}

这个特性可以做什么

用来给开源项目做展示。

[zhongxia245]

使用 Umi 部署二级目录站点的坑

在部署 https://zhongxia245.github.io/FFS/ 这个页面的时候，由于刚开始没有配置 base 和 publicPath 的值，直接就上传到 gh-pages 分支上了，然后 service work 缓存， 后续虽然修改了 base 和 publicPath 但还是一直报找不到文件。

此时只需要把 service work 关掉即可。

service work 如何控制缓存的更新，这个需要研究下。

[zhongxia245]

目前利用这个功能做了下面两个站点

FFS简易版测试

在看《10人以下团队的管理手册》里面写到 FFS 测试，本想百度一下找一个来测试，结果没有找到满意的，因此自己就坐了一个。

这里面只有25道题，然后根据你选完题目，自动帮你算出你是什么类型性格。

FFS简易版性格测试

该 Blog 种文章汇总

之前看文章只能来这个仓库，打开 Issue，然后看有什么文章。每次看一直在刷新比较麻烦，因此利用 Github API 做了一个网站，实现 Issue 里面文章的汇总。

看效果点这里