主要用到了 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://demo.azhubaby.com

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