部署到github及一键部署步骤

134 阅读1分钟

之前都是将文件全部部署到一个远程仓库,今天将页面和代码分别部署到两个仓库,也就是说一个仓库专门放代码,一个仓库专门放页面

部署到github的Page

首先,创建两个远程仓库,将代码部署到放代码的远程仓库(这里的/dist/的目录是在.gitignore里面)

前提:在 vite.config.ts 里面配置base,然后部署

  • 首先检查有没有dist目录,如果有的话,则删除dist目录

  • 检查.gitignore里面有没有dist目录

  • 运行 yarn build创建出新的dist

  • 运行 http-server dist -c-1 在本地测试网站是否运行

  • 部署到 GitHub

  1. 运行 cd dist

  2. 运行

git init
git add .
git commit -m "init"
  1. 注意现在dist是一个套娃的git仓库

  2. 新建远程仓库,文件名-website,并关联到ist目录

  3. 注意不是关联到 文件名目录

  4. 开启 文件名-websitepages功能

要确保SSH按钮被按下

一键部署

创建 deploy.sh文件

rm -rf dist &&                                                                       
yarn build &&                                                          
cd dist &&                                                             
git init &&                                                            
git add . &&                                                           
git commit -m "update" &&                                              
git branch -M master &&                                                
git remote add origin git@gitee.com:仓库名+文件名-website.git && 
git push -f -u origin master &&                                        
cd -                                                                   
echo https://仓库名/文件名-website/