前提

安装 node.js,教程:2024最新版Node.js下载安装及环境配置教程【保姆级】
注册GitHub与git,教程:Github入门教程,适合新手学习(非常详细)


1. 新建 Github 仓库

Img
Img

2. 创建后,点击 setting

在这里你就可以看到自己未来的博客地址
Img

下面这个就是你的仓库地址
Img

3. 打开hexo官网

进入hexo官网,可以看到官方给出了安装方法
Img
如果第四步npm install报错,请配置镜像,或者安装pnpm,使用pnpm来安装依赖

1
npm install --global pnpm

安装好后,使用 pnpm安装依赖

1
pnmp install

Img
根据教程运行

1
hexo server

就可看到类似这样的页面:

Img

这时候,你已经在本地上运行了自己的博客,我们下一步就是要推到仓库里

4.配置仓库路径

打开博客根目录的 _config.yml 文件
找到底部的

1
2
3
4
5
6

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: ''

改为

1
2
3
4
5
deploy:
type: git
repo: 你刚刚的仓库地址
# example, https://github.com/hexojs/hexojs.github.io
branch: main

5.安装一键部署插件

1
2
3
npm install hexo-deployer-git --save
或者
pnpm install hexo-deployer-git --save

6.运行(每次新建完文章或者改完配置后都执行,推送到仓库)

1
2
3
hexo clean 
hexo g
hexo d

主题安装可以自行百度,各个主题都有对应的文档

我的博客使用的主题是 async

使用指南 | Hexo-Theme-Async

视频教程作者大大也有,非常详细!!

hexo-theme-async 安装方式(一)_哔哩哔哩_bilibili