github actions自动部署前端项目
之前的博客每次只要运行一个deploy.sh就可以了，但是还是不优雅，如果有一个CI能全自动部署就好了。
# 1. 添加yml文件
在博客根目录新建.github文件夹，然后里面新建workflows文件夹，在里面新建一个yml文件，命名无所谓，比如可以叫buildAndpush.yml。然后再里面新建如下内容：
name: build and push
on:
push:
branches: [ "master" ]
pull_request:
branches: [ "master" ]
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [18.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
- name: build
run: |
npm install
npm run build
- name: push
uses: wlixcc/SFTP-Deploy-[email protected]
with:
username: 'git'
server: '${{secrets.REMOTE_ADDRESS}}'
ssh_private_key: ${{ secrets.GIT_SSH_KEY }}
local_path: './docs/.vuepress/dist/*'
remote_path: '/srv/blog'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
修改其中的/srv/blog为你要在服务器上部署的路径，git是你连接服务器的用户名。
# 2. 添加secrets
添加两个secrets。一个是REMOTE_ADDRESS，是你的服务器的ip地址；另一个是GIT_SSH_KEY，是能够登陆服务器的用户的私钥。
编辑 (opens new window)
上次更新: 2025/04/15, 10:52:45