前端静态web部署到Github

相信很多同学都有写日志或者博客的习惯，如果不涉及数据库和服务器等相关技术，就是只有一些前端的静态文件。
如果我们没有自己的服务器，就可以直接部署到GitHub上。
下面是部署详细步骤

确保有一个GitHub仓库，相关操作不作讨论

比如仓库名称是：MyGithubAppPage

git clone https://github.com/你的用户名/MyGithubAppPage.git

然后安装相关依赖

yarn

克隆到本地后，进入到项目目录，执行下面命令下载安装

yarn add gh-pages -D

+"homepage": "https://你的用户名.github.io/MyGithubAppPage",
"scripts": {
+   "docs:deploy": "gh-pages -d dist" // dist是打包生成的目录
}

build: {
  ...,
  assetsPublicPath: '/MyGithubAppPage/'  // 项目名称
},

先打包生成dist目录，然后执行推送命令

npm run docs:deploy

进入GitHub项目，找到settings的GitHub Pages选项，把source改为gh-pages(上面命令会自动生成该分支)

在浏览器地址栏输入https://你的用户名.github.io/MyGithubAppPage/

这个项目是使用umi的文档工具Dumi开发生成的，虽然个人觉得对新手不是很友好，约定式带来的灵活相反可能会隐藏对应的配置理解，但是总的来说还是很不错的。
下面贴一下关键配置

项目也是放在Github上，可以克隆下来，相信不管对项目部署还是开发周边都有会有一定的帮助：
项目地址：https://github.com/haoyinag/AngsiUUI
博客地址：https://haoyinag.github.io/AngsiUUI/

由于参考dumi的自动部署配置没有成功，所以建议参考这篇文章gh-pages自动部署

更多可以参考文章