使用Qexo,给Hexo搭建在线的博客编辑器

Qexo 是一个快速、强大、美观的在线 静态博客编辑器,可以让我们在网页上编辑博客

我这里将他部署到Vercel,与我在github存放的博客进行交互

github上面的设置

参考用github_actions部署hexo

首先新建一个仓库,比如hexo,然后新建文件夹.github/workflows在其中新建文件main.yml在文件中写入如下内容

name: Hexo Deploy

on:
  push:
    branches:
      - main
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-22.04
    if: github.event.repository.owner.id == github.event.sender.id

    steps:
      - name: Checkout source
        uses: actions/checkout@v2
        with:
          ref: main

      - name: Setup Node.js
        uses: actions/setup-node@v1
        with:
          node-version: '14.x'

      - name: Setup Hexo
        env:
          ACTION_DEPLOY_KEY: ${{ secrets.HEXO_DEPLOY_KEY }}
        run: |
          mkdir -p ~/.ssh/
          echo "$ACTION_DEPLOY_KEY" > ~/.ssh/id_rsa
          chmod 700 ~/.ssh
          chmod 600 ~/.ssh/id_rsa
          ssh-keyscan github.com >> ~/.ssh/known_hosts
          git config --global user.email "xxxxx@xxx.xx"
          git config --global user.name "xxxxxx"
          npm install hexo-cli yarn -g
          yarn
      - name: Deploy
        run: |
          hexo clean
          hexo d

然后设置ssh密钥在 Github 仓库的设置里先新建一个 secret，填入自己的 ssh 私钥
之后，将hexo仓库，clone到你的本地然后在你的hexo目录执行hexo clean清除不必要的文件将除.deploy_git、.git之外的其他文件/文件夹复制到hexo的本地仓库并上传

部署Qexo

申请免费的数据库

注册 SupaBase 账号  创建免费 SupaBase 数据库, 区域一定要选择 N. Virginia (us-east-1) 
在项目设置页面获取数据库连接信息, 密码即为你所设置的值

在Vercel部署Qexo

一键部署

首次部署会报错, 请无视并重新进入项目, 在项目设置界面添加环境变量 Environment Variables

名称	意义	示例
PG_HOST	PostgreSQL 数据库连接地址	db.xxx.supabase.co
PG_PORT	PostgreSQL 数据库通信端口 默认应填写 5432	5432
PG_USER	PostgreSQL 数据库用户名	postgres
PG_DB	PostgreSQL 数据库名	postgres
PG_PASS	PostgreSQL 数据库密码	password

在 Deployments 点击 Redeploy 开始部署, 若没有 Error 信息即可打开域名进入初始化引导