我设置了一个github操作来构建我的react应用程序,并将构建目录提交到我的repo的gh-pages分支。然后,我设置github pages为该分支提供服务,但我遇到了一个问题,我的所有静态文件都返回404。.chunk.js net::ERR_ABORTED 404 thatnerduknow.github.io/:1 GET https://thatnerduknow.github</ 浏览24提问...
因为打包后页面中的资源链接地址/css/xxx.css是绝对路径,找到问题后,我们可以将地址改为相对路径./css/xxx.css,在 Vue 最新的脚手架工具@vue/cli 3.0+中,我们可以通过配置vue.config.js文件来修改baseUrl为'./',在 React 中可以修改PUBLIC_URL,找到node_modules/react-script/config/paths.js中如下一段: func...
2. 修改.github/workflow/nodejs.yml 构建配置，具体可参见上一节的构建打包：主要修改点就是你监听的分支、token 变量名与构建结果要推送的地址；on: push: branches: - blog // 你源代码分支 - name: deploy uses: peaceiris/actions-gh-pages@v2.5.0 env: ACTIONS_DEPLOY_KEY: $...
name: Build & deployon:push:branches:- mainpull_request:branches:- mainjobs:build:name: Buildruns-on: ubuntu-lateststeps:-name: Checkout codeuses: actions/checkout@v2-name: Install Node.jsuses: actions/setup-node@v1with:node-version: 13.x-name: Install NPM packagesrun: npm ci-name: Bu...
GitHub Pages 常被用来部署个人博客,而无论是大名鼎鼎的 Jekyll,还是 Hugo 或者 Hexo,他们都是将我们的文章嵌入模板,发布为静态页面,也就是说,GitHub Pages (Gitee Pages) 只支持托管静态页面,包括页面所需的静态资源。 如我们所知, React 和 Vue 都包含一个对应的路由插件,而这个路由插件会有两种模式:Hash 模...
将React应用程序发布到GitHub可以通过使用gh-pages工具来实现。gh-pages是一个用于将静态网页部署到GitHub Pages的工具,它可以将React应用程序打包成静态文件,并将其发布到GitHub Pages上。 步骤如下: 首先,确保你已经在本地开发环境中安装了Node.js和npm。 在终端中进入你的React应用程序的根目录,并执行以下命...
Github Pages 无法识别 React 代码,只能识别 html,css,js,故你需要先打包编译你的项目: npm run build 你会发现你的项目目录多了一个build文件夹,这就是要部署的文件夹,终端执行以下代码: npm run deploy 这时github 上项目就多出了一个gh-pages的branch,在设置中Github Pages处选择gh-pages分支保存,部署完成。
github pages最简单粗暴的方法就是直接往 github 上方静态页面了,创建一个名为[您的github账号名].github.io的github仓库,将您的index.html页面代码扔进master分支,就可以直接通过https://[您的github账号名].github.io访问到您的站点了。 对于一个简单的个人博客站点来说,存在以下基本功能特性: ...
部署页面到Github Pages 首先需要设定一个分支,当做站点的根目录,具体设置文档,设置完成后会告诉你网站访问地址(ps: 一定要把仓库设置为Public,不然无法进行设置)。 按照文档编辑.yml,增加发布流程 # 上面的步骤拿过来# 新增 deploy-name:deployuses:JamesIves/github-pages-deploy-action@v4.2.3with:branch:gh-page...
接着,我们简单提一下 GitHub Pages。我们将项目分为两类:项目名为用户名.github.io,普通项目。前者发布后的地址为https://用户名.github.io/,后者的地址为https://用户名.github.io/项目名。 当我们将 Vue 打包好的/dist文件夹作为 GitHub Pages 的目录时,如果该项目为上述第二种,我们会发现王花花的 “关...