这里采用的是手动打包的方式。
一、构建项目
1.1 执行yarn build 或者 npm run build，打包成功后会生成一个 dist目录
1.2 创建一个docs目录，把打包后生成的dist目录中的文件，全部拷贝到docs目录中
二、开启GitHub Pages服务
2.1 打开仓库里的 Setting - Pages , Source 选择 Deploy from a branch ，Branch 选择打包的文件提交的分支，目录只能选择根目录或 docs ，保存后就就会开始构建 Pages服务了
2.2 在 Actions 中可以看到构建Pages的记录
构建中
构建成功
三、在线访问
构建成功后就可以在线访问了
访问链接的格式如下：
https://yourname.github.io/project-name
注意：
需要注意的一点是，在打包时
vite.config.js中的配置项base，要和项目名称配置的相同，否则会有路径错误的问题，报出js、css等资源404的问题。
