主要用到了 Github Actions 中的别人写的好的动作

1
2
3
4
5
6
7
8
9
#  https://github.com/crazy-max/ghaction-github-pages
- name: Deploy to GitHub Pages
uses: JamesIves/github-pages-deploy-action@3.7.1
with:
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
# 部署到 gh-pages 分支
BRANCH: gh-pages
# 部署目录当前目录
FOLDER: .

共两步,先配置 main.yml,再配置 ACCESS_TOKEN,就可以
先配置 ACCESS_TOKEN

使用场景

如果我要做 css 效果、做一个 Demo 供别人看,最好是放在网站上,其中 GitHub Page 是最好的选择
做好 Github Actions,就能做到即写即看,而且能一直保留到 GitHub 关门为止

注:其实还可以用 codepen 之类在线编码

在 gh-pages 上加上 CNAME,会将 CNAME 中的 gh-pages 指向 CNAME 中的域名,当然前提是你需要在域名解析那里把你的域名指向 github.com

所以只能放在另一个自己的二级域名上, https://github.azhubaby.com

随便一说,我这域名买了 10 年,2030 年才到期,所以很长一段时间内是有效的

成功案例

我的 demo 集合: https://azhubaby.com/demo

项目 Github 地址: github-actions-github-pages