前端静态项目托管到github pages

主要流程

1、github上对应仓库中选择 settings -- Pages

2、在Source选项下，选择分支和项目文件夹，点击Save按钮保存

注：此处文件夹仅有root 与 docs 两个选项，因此可将需要输出的目录指定为docs

3、展示的站点

https://github用户名.github.io/仓库名

4、下面两项说明

Theme Chooser是为站点选择一个主题，点击更改主题可选，

根据测试，该项功能适用于仓库中存在一份index.md(就是仓库创建后自动生成的那个说明文件)，主题可根据markdown语法渲染对应样式

Custom domain 设置自定义域名，可从自定义域名中提供服务

遇到的问题

1、文件夹选择

github只提供 root和docs两个选项，因此在仓库下需要把输出目录设置为docs或root

2、服务

pages提供的站点是静态站点，没有对应的服务配置，因此可在本地点开项目下的入口页，查看以文件的方式能否访问成功。（注：）

3、更新

代码提交到仓库后会自动部署到站点，部署频率限制为10次/h,因此建议在本地预览成功后再推送

4、路径相关

在github上路由模式为 hash, 打包时，配置publicPath 为./

在gitee上， 路由模式为history，打包时 配置publicPath为 /仓库名/ （案例gitee.com/lyww1992/fl…

示例如下：

publicPath:process.env.NODE_ENV === 'production'

    ? '/flexCourse/'

    : './',

-----------2021年12月16日更新----------------------

gitee改版后，发布pages需要手持身份证拍照，因此不再继续在gitee上研究pages

publicPath: './'