之前都是将文件全部部署到一个远程仓库,今天将页面和代码分别部署到两个仓库,也就是说一个仓库专门放代码,一个仓库专门放页面
部署到github的Page
首先,创建两个远程仓库,将代码部署到放代码的远程仓库(这里的/dist/的目录是在.gitignore里面)
前提:在 vite.config.ts 里面配置base,然后部署
-
首先检查有没有
dist目录,如果有的话,则删除dist目录 -
检查
.gitignore里面有没有dist目录 -
运行
yarn build创建出新的dist -
运行
http-server dist -c-1在本地测试网站是否运行 -
部署到 GitHub
-
运行
cd dist -
运行
git init
git add .
git commit -m "init"
-
注意现在dist是一个套娃的git仓库
-
新建远程仓库,
文件名-website,并关联到ist目录 -
注意不是关联到
文件名目录 -
开启
文件名-website的pages功能
要确保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/