如何使用 GitHub Actions 发布 Gatsby 静态网站 All In One

2022/8/1 6:22:53

本文主要是介绍如何使用 GitHub Actions 发布 Gatsby 静态网站 All In One,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

如何使用 GitHub Actions 发布 Gatsby 静态网站 All In One

SSG 静态网站生成器

gatsby-gh-pages-action

https://github.com/enriikke/gatsby-gh-pages-action

secrets.ACCESS_TOKEN

name: Gatsby Auto Publish

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - uses: enriikke/gatsby-gh-pages-action@v2
        with:
          access-token: ${{ secrets.ACCESS_TOKEN }}

CNAME

https://github.com/enriikke/gatsby-gh-pages-action#cname

gh-pages

$ yarn add -D gh-pages

https://www.npmjs.com/package/gh-pages

https://github.com/tschaub/gh-pages

gatsby-config.js

module.exports = {
  pathPrefix: "/github-repo-name",
}

package.json

{
  "scripts": {
    "deploy": "gatsby build --prefix-paths && gh-pages -d public"
  }
}

https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/how-gatsby-works-with-github-pages/#installing-the-gh-pages-package

https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/how-gatsby-works-with-github-pages/#deploying-to-the-root-subdomain-and-using-a-custom-domain

refs

https://github.com/xgqfrms?tab=repositories&q=gatsby&type=&language=&sort=

gatsby-react-app

https://abc.xgqfrms.xyz/gatsby-react-app/


Flag Counter

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载



这篇关于如何使用 GitHub Actions 发布 Gatsby 静态网站 All In One的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程