React项目，storybook实现通过git action动态部署到git page上

1. 第一步：在.github 文件下创建一个后缀为.yml的文件
2. 第二步：在yml文件中写命令，可参考阮一峰 git action入门
   JamesIves/github-pages-deploy-action@v4中更多参数参见github page部署action

name: react-component-simonsay
on: # 指定触发workflow的条件，这里是指定了每push一次到main分支，则触发一次
  push:
    branches:
      - master
permissions:
  contents: write
jobs:  # workflows文件主体，可以指定一个或者多个，这里指定了一个job - build-and-deploy
  build-and-deploy:
    runs-on: ubuntu-latest # 在最新的ubuntu上运行
    steps: # 指定每个job的运行步骤
    - name: Checkout # 步骤名称
      uses: actions/checkout@v2 # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
      with:
        persist-credentials: false
    - name: installNode   # 下载nodejs
      uses: actions/setup-node@v3
      with:
        node-version: '16'
    - name: Build
      run:  npm install && npm run build-storybook # 该步骤要运行的命令，这里就是部署react 的命令
      
    - name: Deploy
      uses: JamesIves/github-pages-deploy-action@v4 # 执行一些公开的action， 这里包含部署到git pages上所需要的命令
      with:   # 不设置branch会默认将要部署的内容存于gh—pages branch Defaults to gh-pages.
        FOLDER: storybook-static
        CLEAN: true

3.第三步：运行完成后到setting->pages 里设置自己部署需要的包存放的位置

如果是默认一般都是在gh-pages的/(root)下面，要是存到了别的地方，记得改动pages

4.最后显示这样就是成功啦~