其他分享
首页 > 其他分享> > 如何使用 GitHub Actions 发布 Gatsby 静态网站 All In One

如何使用 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,Gatsby,Actions,github,gatsby,https,com,pages,gh
来源: https://www.cnblogs.com/xgqfrms/p/16538751.html