一.首先得有一台服务器,腾讯云阿里云等可以,推荐linux
二.再把我们的项目发送到github上
- 先建立一个远程仓库,名字自取
三.在我们的项目的终端,通过git发送到github上
- git init 建立一个远程仓库
- git add .
- git commit -m '注释,自写'
- git remote add origin +项目远程地址(如果出现fatal: remote origin already exists.那先git remote rm origin再git remote add origin +项目远程地址)
- git push -u origin master(如果出现error: failed to push some refs to ,那就git pull --rebase origin master,再git push -u origin master)
四.在电脑终端,创建公玥和私玥
ssh-keygen -t rsa -C auto deployment -f deployment 下面就一直enter就行了
cd .ssh
将私玥拷贝到ssh里面
cp ~/deployment
ls 查看一下
五.新建一个终端,连接我们的云服务器,拷贝公玥到服务器
scp deployment.pub root@你的公网地址加上:.
cd .ssh
vim authorized_keys
将公玥拷贝到这里面
cd ..
cat deployment.pub >> ~/ssh/authorized_keys
六.将本地的私玥打开
vim deployment
七.将私玥拷贝到github上(settings下面的secrets里面)
Add a new secret
名字取FUWUQI(随便取,后面要对应上)
八.点击我们的action
创建一个node.js(set up this workflow)
配置信息
name: Node.js CI
on: [push]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [12.x]
steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- run: npm install
- run: npm run build --if-present
- run: npm test
env:
CI: true
# Deploy
- name: Deploy
uses: easingthemes/ssh-deploy@v2.0.7
env:
SSH_PRIVATE_KEY: ${{ secrets.FUWUQI }} 跟你取得名字对应上
ARGS: "-rltgoDzvO --delete"
SOURCE: "dist/"
REMOTE_HOST: "" 你的公网ip
REMOTE_USER: "root" 服务器名字
TARGET: "" 你要存的位置
八.在ForkList中,登录你的云服务器,创建一个TARGET里面的地址
九.回到github中,在配置页面,点击start commit,创建好之后,用TARGET里面的地址九可以访问了
十.前提是你需要在你的vue.config.js中配置一下
publicPath:process.env.NODE_ENV === 'production' ? './' : './',
outputDir:'dist',
indexPath:'index.html',
filenameHashing:true,
lintOnSave:process.env.NODE_ENV === 'production',
runtimeCompiler:false,
productionSourceMap:true
十一.大功告成