name:First GitHub Actions Demoon:push:branches:-master-devjobs:Build:runs-on:ubuntu-lateststeps:# 步骤名称-name: checkout codeuses:actions/checkout@v2-name: actions/setup-node@v2uses:actions/setup-node@v2with:node-version:'16.14'cache:'yarn'cache-dependency-path:'**/yarn.lock'# 缓存 有需要...
比如我当前的就是http://vortesnail.github.io/qier-player-demo,但是这样操作会在build打的包会在所有文件路径前加上qier-player-demo ,比如index.html文件中对同等目录下的文件引用应该是src='./index.css',结果会变成src='./react_demo/index.css',这样部署后肯定无法访问,所有资源都找不到。
Github Pages 部署 把项目部署成GitHub pages,在GitHub上点开项目到设置,翻到Github Pages设置处,可以看到GitHub Pages只能使用master、gh-pages分支或者master下面的docs文件夹。 这里使用的是gh-pages分支的方式来创建 安装gh-pages npm install gh-pages --save-dev 通过gh-pages 中间件,可以把 build 文件下的...
gh-pages是一个用于将静态网页部署到GitHub Pages的工具,它可以将React应用程序打包成静态文件,并将其发布到GitHub Pages上。 步骤如下: 首先,确保你已经在本地开发环境中安装了Node.js和npm。 在终端中进入你的React应用程序的根目录,并执行以下命令安装gh-pages: 代码语言:txt 复制 npm install gh-pages ...
最近使用create-react-app脚手架开发了一个私人博客:点击跳转,在部署到GitHub Pages的时候报了一个错误,具体如下: 在create-react-app的GitHub库的issues中找了一会找到了有同样问题,已经有人给出了解答方法,亲测有效: 问题在于对GitHub Bash的命令行还不是很熟。
npxcreate-react-appgithub-actions-demo 3、 打开项目中的package.json文件,添加一个homepage字段,如下: "homepage": "https://[username].github.io/github-actions-demo", 将[username]替换成你自己的 GitHub 用户名,: "homepage": "https://wang10579266.09.github.io/reactproject", ...
准备工作,创建一个以{username}.github.io为名称的项目,GitHub会默认把这个项目当作GitHub Pages的目录,默认的地址为{username}.github.io, 其中username是你GitHub的昵称,请自行替换。 使用create-react-app创建一个React项目; // 本地项目可以随便命名,这里以github-pages为例create-react-app github-pages ...
buildruns-on: ubuntu-latestif: github.ref =='refs/heads/main'steps:-name: Download artifactuses: actions/download-artifact@v2with:name: production-filespath: ./build-name: Deploytogh-pagesuses: peaceiris/actions-gh-pages@v3with:github_token: ${{ secrets.GITHUB_TOKEN }}publish_dir: ./build...
接着,我们简单提一下 GitHub Pages。我们将项目分为两类:项目名为用户名.github.io,普通项目。前者发布后的地址为https://用户名.github.io/,后者的地址为https://用户名.github.io/项目名。 当我们将 Vue 打包好的/dist文件夹作为 GitHub Pages 的目录时,如果该项目为上述第二种,我们会发现王花花的 “关...
2. 修改.github/workflow/nodejs.yml 构建配置，具体可参见上一节的构建打包：主要修改点就是你监听的分支、token 变量名与构建结果要推送的地址；on: push: branches: - blog // 你源代码分支 - name: deploy uses: peaceiris/actions-gh-pages@v2.5.0 env: ACTIONS_DEPLOY_KEY: $...