大家都用什么方式部署私人项目，我是这样做的

起因

想把日常做的一些东西整理放到个人项目内，部署在公网（也有掘友在评论区问过文章demo是采用什么方式部署的），后期写文章也能方便需要的人看展示效果以及源码

需求

1. 免费
2. 使用方便

寻寻觅觅

由于目前没有与后端接口交互需求，无疑采用免费的 GitHub Pages 服务

GitHub Pages

• 前提需要是公共仓库，上传代码后，通过如下图找到页面，通过 Branch 下选择指定分支 save 进行部署

• 等待几分钟刷新，就会出现可访问的 https 路径

• 如果不想公开源码设置为私有仓库，可再创建一个公开仓库（专门存储打包后的产物），重复执行上述步骤即可

简化步骤

• 上述步骤其实就是一系列 git 命令，那么有没有现成的 npm 包直接使用，搜了搜发现了 gh-pages

  • 首先在项目中执行 npm install gh-pages
  • 配置 scripts 命令，一般我会执行 npm run deploy:docs 让其先打包再推送打包产物到远程仓库的 gh-pages 分支，也可通过 -r 指定其他远程仓库地址

  "deployT": "gh-pages -d docs -r 指定仓库地址",
  "deploy": "gh-pages -d docs",
  "deploy:docs": "npm run build:docs && npm run deploy",
  

最后

如果对你开发某些功能有所帮助，麻烦多点赞评论收藏😊

如果对你实现某类业务有所启发，麻烦多点赞评论收藏😊

如果...，麻烦多点赞评论收藏😊

如果大家有其他的方案，欢迎留言交流哦！