image frame

CircleTop的个人小站

记一次GitHub Action 部署hexo

前言

部署到服务端能用的前提是本地得先能跑起来（好像说的有道理，好像又是废话）。

本地需要准备的环境：

  • Git
  • Node.js(Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)

安装

具备以上条件之后就可以通过npm安装hexo。

1
npm install -g hexo-cli

当然要是你足够熟悉hexo和npm ,可以进行局部安装。

1
npm install hexo

安装完成之后就可以执行以下命令在本地跑起来：

1
hexo s

运行之后控制台能输出以下内容，就表示在本地能够正常跑起来了

1
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

当然我们可以在自己的hexo中通过以下命令新建属于自己的博客

1
hexo new post <标题>

部署github

登录Github新建一个仓库，仓库名必须为你的Github用户名.github.io。 如：

1
2
#   如我的用户名为 circletop
#  那么仓库名就是circletop.github.io

指定用户名和邮箱

1
2
git config --global user.name 'circletop'
git config --global user.email '648612680@qq.com'

设置密钥

点击链接：github apps密钥设置设置个人密钥，密钥可以针对单个项目设置，也可以全局设置。
setting


设置完成密钥之后复制密钥，然后修改项目git地址，添加密钥登陆。如： 

1
git https://（xxx密钥@）github.com/circletop/circletop.github.io.git

设置远程仓库地址

1
git remote add origin https://（xxx密钥@）github.com/circletop/circletop.github.io.git

本地项目远程项目 关联并拉取远程项目到本地

1
2
git fetch
git pull origin/main

本步骤完了之后就是正常的代码提交就行了。

#部署github action 实现 CI/CD

配置部署密钥
密钥配置

以下为详细配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
name: Pages

on:
  push:
    branches:
      - master # default branch 更换为你项目提交的分支

jobs:
  pages:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Use Node.js 18.12.1 ## 更换为本地node版本
        uses: actions/setup-node@v2
        with:
          node-version: "18" ## 更换为本地node版本
      - name: Cache NPM dependencies
        uses: actions/cache@v2
        with:
          path: node_modules
          key: ${{ runner.OS }}-npm-cache
          restore-keys: |
            ${{ runner.OS }}-npm-cache
      - name: Install Dependencies
        run: npm install
      - name: Build
        run: npm run build
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }} # 变更为你配置的项目密钥名称
          publish_dir: ./public

更改完配置文件之后 执行aciton
执行action
以下为执行结果
执行结果

  • Copyrights © 2015-2022 冷兴达
  • Visitors: | Views:

请我喝杯咖啡吧~