为什么GitHub Pages未加载我项目的全部资源文件？

• 资源路径配置修正
  绝大多数该类问题都是路径配置错误导致：你的GitHub Pages站点部署在二级路径/Intro-component-with-sign-up-form/下，如果打包时配置了绝对路径前缀/，资源会被请求到根域名https://unchich.github.io/下而非当前仓库二级路径，导致404。
  解决方案：
  1. gulp构建配置中，将publicPath（资源公共前缀）设置为./（相对路径）或/Intro-component-with-sign-up-form/（对应仓库二级路径）
  2. 手动检查HTML中资源引用是否为相对路径，例如将<link rel="stylesheet" href="/css/main.css">改为<link rel="stylesheet" href="./css/main.css">
• 验证gh-pages分支文件结构
  确认你推送到gh-pages分支的是dist文件夹内部的所有内容，而非整个dist文件夹：
  正确的gh-pages分支根目录结构应该为：

  ├── index.html
  ├── css/
  ├── js/
  ├── img/
  

  若根目录下是dist文件夹则会导致根路径找不到index.html对应的资源，正确的推送命令为：
  git subtree push --prefix dist origin gh-pages
• 验证构建产物完整性
  本地打开dist文件夹内的index.html，确认所有资源加载正常、页面交互正常，确保gulp构建流程已将所有静态资源（图片、字体、编译后的CSS/JS）正确输出到dist对应目录。
• 部署后验证
  重新部署完成后，使用浏览器隐身窗口访问站点，避免本地缓存干扰结果，若仍有问题可打开浏览器控制台的Network标签，查看资源加载的报错路径，反向定位配置错误点。

内容的提问来源于stack exchange，提问作者Richie Jaimes