起因:

昨天因为twikoo评论的问题,加到了twikoo群里询问群佬没有得到解决(文章改名以后twikoo的历史评论关联不上了,有人知道解决方法的话可以留言,感谢感谢~),却在群里意外收获了一则消息——netlify的自动构建部署服务每个月免费时长是300分钟,虽然300分钟也足够了,但是githubAction的每月2000分钟免费时长更胜一筹,于是问高人要了一个overflow脚本,完成了netlify自动部署的优化。

过程:

1.首先在项目根目录的.github/overflow/目录下新建一个.yml脚本配置文件,将大佬给的部署配置粘贴进去

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
name: 部署到netlify

on:
push:
branches:
- main

jobs:
deploy:
runs-on: ubuntu-latest

steps:
- name: 通用的代码拉取
uses: actions/checkout@v3

- name: 安装nodejs 18.x版本
uses: actions/setup-node@v3
with:
node-version: 18.x

- name: 安装依赖
run: npm install

- name: 安装netlify-cli官方脚手架
run: npm i netlify-cli -g

- name: 部署到netlify
env:
NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
run:
netlify build --context production && netlify deploy --prod --dir=public

2.获取脚本部署需要的参数(站点ID和授权令牌)

获取 NETLIFY_AUTH_TOKEN 的方法是在 Netlify 网站的 User settings -> Applications -> Personal access tokens 点击按钮 New access token 就可以了。

image-20240124173817513

获取 NETLIFY_SITE_ID 的方法是打开你创建的 Netlify site,进入 Site settings 找到 Site details -> Site information 中的 API ID 这就是我们需要的 NETLIFY_SITE_ID

image-20240124174453301

3.之前连接的github仓库这个时候就不需要了,在站点部署配置里解除。

image-20240124174330227

4.提交代码测试,在githubAction里查看部署脚本执行情况,一次成功~🌸

image-20240124174723912

参考文章: