Hexo 博客部署

2023-12-27 00:22:55

想整个静态的博客部署在github pages

历经两天的折磨终于是摸索成功了,官网的文档太简陋了,很多东西没说清楚。

最终实现的效果,一个项目仓库,main 分支存放源代码,gh-pages 存放生成后的网页代码,github pages 加载gh-pages的网页代码。这样,每当我们push代码到main分支的时候,github action会自动构建并将代码发布到gh-pages

搭建环境:

linux plasma manjaro

nodejs 20

git 2.43

github 配置好ssh(可以参考我前面教程)

vscode
?

一、安装Hexo

npm install -g hexo-cli

二、初始化网站文件夹 test,test名字可以任取

hexo init test

cd test

?

三、安装npm依赖

npm install

四、安装git依赖,用于一键部署

npm install hexo-deployer-git --save

五、打开github 创建仓库

写仓库名字即可,其他不要勾选。

六、添加你的ssh私钥到仓库变量

添加名为KEY的变量?

内容是你的私钥

七、打开vscode编辑代码

?编辑 _config.yml 来到最后一行

这行来到这里获取

在 .github文件夹下创建 workflows文件夹,再创建文件 deploy.yml

输入以下内容

name: Deploy Hexo

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Check Out
        uses: actions/checkout@v4

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: 20

      - name: Setup Git
        run: |
          git config --global user.name "你的 github 用户名"
          git config --global user.email "你的 github 邮箱"

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

      - name: Install Dependencies
        run: |
          npm install -g hexo-cli
          npm install

      - name: Deploy Hexo
        run: |
          hexo clean
          hexo generate
          hexo deploy

八、初始化git仓库,注意是在hexo博客文件夹下

git init

git add .
git commit -m "Initial commit"

git remote add origin git@github.com:mobeicanyue/test.git
git push -u origin main -f

?

文章来源:https://blog.csdn.net/m0_52559040/article/details/135230496
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。