如何使用Github的Action实现博客的自动部署

最新推荐文章于 2024-04-29 15:24:41 发布
最新推荐文章于 2024-04-29 15:24:41 发布
阅读量1k 收藏
点赞数
文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hodors/article/details/127881427
版权

如何使用Github的Action实现博客的自动部署

以下是详细的采坑记录，花费了不少时间。

现在的状态是，更新完博客时，需要执行以下的指令：

hexo clean && hexo g && hexo d &&  git add . && git commit -m "deploy" && git push

然后才能完成github上静态博客的更新

缺点是很麻烦！

可以用action来自动化部署：

https://blog.esunr.xyz/2022/06/64163235c30f.html#3-3-%E4%BD%BF%E7%94%A8-hexo-deploy-%E6%8C%87%E4%BB%A4

Github Action 可以实现在一个行为触发之后再执行一些其他的行为，利用这个能力我们就可以实现当我们写完一篇文章后，将代码 Push 到 Github 仓库的这一刻，让 Github 来帮我们完成编译以及部署这个流程，也就是实现持续集成（CI）、持续交付（CD）的这个效果。

关于 Github Action，详细教程可以查看 官方文档。按照文档中所描述的，只要我们在代码中添加一层 .github/workflows 目录，并且在目录下创建一个 yml 文件来描述具体的行为，就可以实现开启 Github Action。

照着来了一遍，好像没啥用啊；

名字没有配置好：

 could not read Username for '[https://github.com](https://github.com/)': No such device or address

https://sanonz.github.io/2020/deploy-a-hexo-blog-from-github-actions/

这个博客写的非常详细：

1、A仓库是，我的私密Blog仓库；

2、B仓库是，public的仓库；

3、需要在github上配置，A对B的访问权限，这个很重要。

遇到的问题：

Permission to XXXX/XXXX.github.io.git denied to github-actions[bot].

秘钥，密匙没有设置好

总结：

1、按照如下的方法，在github上边申请，得到一个HEXO_DEPLOY_PRI

image-20221105215707211

2、然后去A仓库（私人仓库）的Setting里边，把Action变量给配置好

image-20221105215815604

3、在A仓库中的deploy.yml

把相关信息和变量都统一好：HEXO_DEPLOY_PRI变量不要用错了，主题也不要用错了

name: CI

on:
  push:
    branches:
      - master

env:
  GIT_USER: xxxx
  GIT_EMAIL: xxxx@qq.com
  THEME_REPO: xxxx/hexo-theme-next
  THEME_BRANCH: master
  DEPLOY_REPO: xxxx/xxxx.github.io
  DEPLOY_BRANCH: master

jobs:
  build:
    name: Build on node ${{ matrix.node_version }} and ${{ matrix.os }}
    runs-on: ubuntu-latest
    strategy:
      matrix:
        os: [ubuntu-latest]
        node_version: [13.14.0]

    steps:
      - name: Checkout
        uses: actions/checkout@v2

      - name: Checkout theme repo
        uses: actions/checkout@v2
        with:
          repository: ${{ env.THEME_REPO }}
          ref: ${{ env.THEME_BRANCH }}
          path: themes/next

      - name: Checkout deploy repo
        uses: actions/checkout@v2
        with:
          repository: ${{ env.DEPLOY_REPO }}
          ref: ${{ env.DEPLOY_BRANCH }}
          path: .deploy_git

      - name: Use Node.js ${{ matrix.node_version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node_version }}

      - name: Configuration environment
        env:
          HEXO_DEPLOY_PRI: ${{secrets.HEXO_DEPLOY_PRI}}
        run: |
          sudo timedatectl set-timezone "Asia/Shanghai"
          mkdir -p ~/.ssh/
          echo "$HEXO_DEPLOY_PRI" > ~/.ssh/id_rsa
          chmod 600 ~/.ssh/id_rsa
          ssh-keyscan github.com >> ~/.ssh/known_hosts
          git config --global user.name $GIT_USER
          git config --global user.email $GIT_EMAIL          

      - name: Install dependencies
        run: |
          npm install

      - name: Deploy hexo
        run: |
          npm run deploy

为什么会一直出现这个问题？

Permission to XXXX/XXXX.github.io.git denied to github-actions[bot].

去_config.yml里边去把https协议修改成git

# Deployment
deploy:
  type: git
  repo: git@github.com/XXX/xxx.github.io.git
  branch: master #published  
  message: 'hexo blog deploy'

再尝试一下：

还是这个错误：

Permission to xxxx/xxxx.github.io.git denied to github-actions[bot].

The requested URL returned error: 403

终于成功了：

image-20221105234029937

deploy的代码这样写：

最终的CI脚本：

# This is a basic workflow to help you get started with Actions

name: CI

# Controls when the workflow will run
on:
  # Triggers the workflow on push or pull request events but only for the "master" branch
  push:
    branches: [ "master" ]

env:
  GIT_USER: xxxx
  GIT_EMAIL: xxxx@qq.com
  THEME_REPO: xxxx/hexo-theme-next
  THEME_BRANCH: master
  DEPLOY_REPO: xxxx/xxxx.github.io
  DEPLOY_BRANCH: master

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  # This workflow contains a single job called "build"
  build:
    name: Build on node ${{ matrix.node_version }} and ${{ matrix.os }}
    # The type of runner that the job will run on
    runs-on: ubuntu-latest
    strategy:
      matrix:
        os: [ubuntu-latest]
        node_version: [13.14.0]    

    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Checkout theme repo
        uses: actions/checkout@v3
        with:
          repository: ${{ env.THEME_REPO }}
          ref: ${{ env.THEME_BRANCH }}
          path: themes/next

      - name: Checkout deploy repo
        uses: actions/checkout@v3
        with:
          repository: ${{ env.DEPLOY_REPO }}
          ref: ${{ env.DEPLOY_BRANCH }}
          path: .deploy_git

      - name: Use Node.js ${{ matrix.node_version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node_version }}            

      - name: Install Dependencies
        run: |
          npm install   

      - name: Build
        run: npm run build

      - name: Configuration environment
        env:
          HEXO_DEPLOY_PRI: ${{secrets.HEXO_DEPLOY_PRI}}
        run: |
          sudo timedatectl set-timezone "Asia/Shanghai"
          mkdir -p ~/.ssh/                              
          echo "$HEXO_DEPLOY_PRI" > ~/.ssh/id_rsa
          chmod 600 ~/.ssh/id_rsa
          ssh-keyscan github.com >> ~/.ssh/known_hosts
          git config --global user.name $GIT_USER
          git config --global user.email $GIT_EMAIL 

      - name: Deploy hexo
        id: deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          deploy_key: ${{ secrets.HEXO_DEPLOY_PRI }}
          publish_dir: ./public

      - name: Get the output
        run: |
          echo "${{ steps.deploy.outputs.notify }}" 

      # Runs a single command using the runners shell
      - name: Run a one-line script
        run: echo Hello, world!

      # Runs a set of commands using the runners shell
      - name: Run a multi-line script
        run: |
          echo Add other actions to build,
          echo test, and deploy your project.

服了，还是没用，blog没有更新

https://blog.zhanganzhi.com/zh-CN/2022/06/0800d76d306e/

再来试一试；

name: Deployment
on: push

jobs:
  deployment:
    runs-on: ubuntu-latest
    name: Deployment

    steps:
      - name: Check Out
        uses: actions/checkout@v3

      - name: Clone Repo
        uses: actions/checkout@v3
        with:
          repository: AAA/GITHUB.IO
          path: .deploy_git

      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: 16

      - name: Setup Git
        run: |
          git config --global user.name "Example"
          git config --global user.email "email@example.com"

      - name: Setup SSH Key
        run: |
          mkdir -p ~/.ssh
          echo "${{ secrets.SSH_DEPLOY_KEY }}" > ~/.ssh/id_ed25519
          chmod 600 ~/.ssh/id_ed25519

      - name: Deploy
        run: |
          npm install --location=global hexo-cli
          npm install
          hexo d

https://wuuconix.link/2022/01/08/actions/

name: Deploy                      # Actions 显示的名字，随意设置
on: [push]                        # 监听到 push 事件后触发
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout              # 拉取当前执行 Actions 仓库的指定分支
      uses: actions/checkout@v2
      with:
        ref: main

    - name: Setup Node            # 使用node 14
      uses: actions/setup-node@v2
      with:
        node-version: "14"

    - name: NPM INSTALL           #安装依赖
      run: |
        npm install hexo-cli -g
        npm install

    - name: Add KEY               #这里需要提供一个ssh私钥，用你平时常用机器里的 ~/.ssh/id_rsa即可
      env:
        SSH_PRIVATE: ${{ secrets.SSH_PRIVATE }}
      run: |
        mkdir -p ~/.ssh/
        echo "$SSH_PRIVATE" > ~/.ssh/id_rsa
        chmod 700 -R ~/.ssh
        ssh-keyscan github.com >> ~/.ssh/known_hosts
        git config --global user.email "输入你的邮箱"
        git config --global user.name "输入你的github名字"

    - name: Hexo Deploy           # hexo deploy 会自动build然后上传到github.io项目中
      run: |
        hexo clean
        hexo deploy

放弃了，最终也没顺利的更新成功，不知道哪个环节出问题了。。。

哈哈 笑死我了：

image-20221106005343195

这个action，测试一次就需要花费10分钟左右，真是时间黑洞！！！

在本地尝试了一遍，OK的

git clone https://github.com/XXXX/XXXX.git
cd .\XXXX\
git clone https://github.com/XXXX/hexo-theme-next.git themes/next
npm install
npm run deploy

重新写actions的脚本

name: CI

on:
  push:
    branches: [ "master" ]

env:
  GIT_USER: xxxx
  GIT_EMAIL: xxxx@qq.com
  THEME_REPO: xxxx/hexo-theme-next
  THEME_BRANCH: master
  DEPLOY_REPO: xxxx/xxxx.github.io
  DEPLOY_BRANCH: master

jobs:
  build:
    name: Build on node ${{ matrix.node_version }} and ${{ matrix.os }}
    runs-on: ubuntu-latest
    strategy:
      matrix:
        os: [ubuntu-latest]
        node_version: [13.14.0]    

    steps:
      - name: Checkout
        uses: actions/checkout@v3

      - name: Checkout theme repo
        uses: actions/checkout@v3
        with:
          repository: ${{ env.THEME_REPO }}
          ref: ${{ env.THEME_BRANCH }}
          path: themes/next

      - name: Use Node.js ${{ matrix.node_version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node_version }}            

      - name: Configuration environment
        env:
          HEXO_DEPLOY_PRI: ${{secrets.HEXO_DEPLOY_PRI}}
        run: |
          sudo timedatectl set-timezone "Asia/Shanghai"
          mkdir -p ~/.ssh/                              
          echo "$HEXO_DEPLOY_PRI" > ~/.ssh/id_rsa
          chmod 600 ~/.ssh/id_rsa
          ssh-keyscan github.com >> ~/.ssh/known_hosts
          git config --global user.name $GIT_USER
          git config --global user.email $GIT_EMAIL 

      - name: Install Dependencies
        run: |
          npm install             

      - name: Deploy hexo
        run: |
          npm run deploy

去_config.yml中，修改成git，竟然成功了！！！

image-20221107003203115

但是编译非常花费时间，能不能提速呢？

image-20221107003235458

https://dwye.dev/post/github-action-npm-cache/

尝试一下npm ci，看看速度怎么样：我的天啊，神速啊，只用6秒就可以了！！！

https://segmentfault.com/q/1010000040245798/a-1020000040248108

小插曲：

npm install --package-lock-only

image-20221107003716102

fK0pS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用GithubAction自动构建部署项目
qq_36284689的博客
03-29 938
目录1.1 项目准备2.1 GithubAction设置3.1 运行测试4.1 小结 GitHub Actions 是一种持续集成和持续交付(CI/CD) 平台，可用于自动执行生成、测试和部署管道。 您可以创建工作流程来构建和测试存储库的每个拉取请求，或将合并的拉取请求部署到生产环境。 GitHub Actions 不仅仅是DevOps，还允许您在存储库中发生其他事件时运行工作流程。 1.1 ...
GitHub Actions 部署个人博客
青岑的博客
11-11 327
GitHub Actions 快速 部署个人博客
Github Action Bot 开发教程
最新发布
yuluo的博客
04-29 586
等等，诸如此类的一些功能性评论。在这些评论出现时，往往会出现一个 Github-bot 给问题添加一些 label，将 issue 分配给指定的人等等。类似注入此类的动作都是通过 Github Action 完成的。在本篇文章中，我们将介绍如何开发一个 Github Action Bot。
最全总结，GitHub Action自动化部署
鳄鱼儿
09-16 3259
GitHub Action简介 官方以及第三方提供的actions 都收集在这里 Marketplace Actions
使用 Github Action 自动部署 Hugo 博客
Kearney
08-24 546
。简单的说，懒人大法，用 github action 省去一次生成和 push。
ftpActionPhp：使用github通过ftp进行自动化部署
02-14
尽管如此，任何涉及自动部署的过程都应该遵循最佳实践，包括安全性和可维护性。 9. **ftpActionPhp-master**: 这是压缩包的名称，表明这是一个基于 PHP 的 FTP 自动化部署项目，`master` 分支可能是项目的主分支，...
FTP-Deploy-Action:使用GitHub动作将GitHub项目部署到FTP服务器
04-28
通过此GitHub动作，可以自动部署网站以及其他内容。 免费！ 使用范例 将以下内容放在/.github/workflows/main.yml on : push name : :rocket: Deploy website on push jobs : web-deploy : name : :party_popper:...
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
11-20
前端项目，最主要的还是能够实际看到，因此考虑找个地方部署，因为自己的博客是部署到 github page 上的，并且这个项目也只是一个静态网站，所以这里同样选择使用 github page 同时，考虑到发布项目时，虽然使用 ...
reactjs-github-actions：使用Github Actions自动部署
02-13
您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从项目中删除单个...
copycat-action：用于将文件复制到其他存储库的GitHub Action
02-05
在标签中，"synchronization" 指的是文件同步功能，"deployment" 涉及到利用 `copycat-action` 进行自动部署的过程。"copy" 显然指的是文件复制操作，"publishing" 暗示了这个工具可用于发布或分发文件。"github-...
deploy-action：触发github部署的github动作
02-05
deploy-action：触发github部署的github动作
GitHub Actions自动化部署前端项目指南
大灰狼的小绵羊哥哥的博客
05-20 2165
前言 在项目开发过程中，随着需求的不断变化以及后期不断修复bug，伴随着的便是我们不停的打包部署。打包部署这期间的操作虽然不复杂，但是非常繁琐。目前市面上可以使用jenkens等工具实现持续集成（CI/CD），但是如果我们服务器资源少，且只需要简单的自动化部署，那么有更优雅的方式实现自动化部署：GitHub Actions。 本篇文章以前端项目为例，下文所有操作基于前端项目。 1.什么是GitHub Actions？ GitHub Actions是GitHub推出的一款持续集成（CI/CD）服务，它
github-action+docker实现项目可持续自动化部署
haixtx的博客
04-06 2345
这篇文章以部署vue3项目和nuxt2项目为例结合github-action,docker,nginx等介绍不同的项目自动部署流程
github action自动部署构建入门
爱死亡机器人
09-08 3538
简介 GitHub Actions 是 GitHub 的持续集成服务，于2018年10月推出。 GitHub Actions 帮助您自动完成软件开发周期内的任务。 GitHub Actions 是事件驱动的，意味着您可以在指定事件发生后运行一系列命令。 工作流程是您添加到仓库的自动化过程。 工作流程由一项或多项作业组成，可以计划或由事件触发。 工作流程可用于在 GitHub 上构建、测试、打包、发布或部署项目。 GitHub 官方市场，我们除了自己编写action，也可以借用别人的。 每个 action
利用 Github Action 实现博客自动发版
iOS成长之路
08-02 421
## 背景 先说下背景需求，在摸鱼周报的整理流程中，最后一步需要生成公众号的原文链接，原文链接指向的是个人博客地址。博客需要发布才能产生外部链接，发布到不费事，但是操作步骤重复，且因为涉及博客推送相关的配置都在我的个人电脑里，所有步骤必须由我来完成。来回多次之后就考虑将这个流程做成自动化了，目标是让周报协作者都可以实现博客推送，用到的实现方式是 Github Action。 实现思路 在...
【Github Action】这篇文章教会你如何开发Github Action，并且让你明白它是什么，怎么用，如何做到的。
daddykei的博客
01-08 1694
教会你如何开发action，介绍了配置action和开发一个action的详细步骤，并且展开介绍了很多工具。
使用github actions自动deploy hugo博客
conman网络安全
06-29 268
使用github actions自动deploy hugo博客。甚至都不用本地安装主题。 jekyll博客 之前使用jekyll，因为github对jekyll集成好。可以直接写markdown，主题可以使用remote theme，这样就只有纯的markdown，十分简洁。不需要跟html混在一起。 用了一段时间jekyll，使用的主题总感觉不满意。换了几个主题，还是感觉不符合。再者有些主题不兼容，还得修改老文章，改动比较大。所以想换个博客。 搜索发现，现在可以使用github actions来进行自动
利用Github的Action实现Java项目自动化部署
weixin_44572376的博客
12-04 956
首先介绍一下这个功能咋写、在哪写 看图，咱们的项目上传到github后有一个workflows的文件夹，进入这个文件夹，咱们的自动化部署的配置就在里面写 就是里面这个yml结尾的文件，可以写多个配置文件，然后你在配置文件里写你的配置（比如：触发时机、执行的动作等），当满足触发条件时，就会执行对应的自动部署流程下面介绍这个文件里的内容，以我配置为例 直接看图吧 然后我们去我们的服务器上 生成ssh私钥和公钥 然后去仓库配置你的服务器信息 然后就可以了，等触发就可以自动部署了。。。 写的不太详细，
github actions 自动部署前端项目
05-31
可以的，Github Actions可以用来自动化前端项目的部署。以下是一个简单的例子： 1. 首先，在你的Github仓库中创建一个`.github/workflows`文件夹，并在该文件夹下创建一个`deploy.yml`文件。 2. 在`deploy.yml`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值