2023年Hexo+GitHub自动部署保姆级教程!

今天就正式启动Hexo吧,部署了这两天可谓是千辛万苦,太多没有搞懂的东西了
写下这篇文章作为记录

部署环境

1 安装node

网上教程一大堆,对着一步步操作就可以了,推荐一个教程地址:
https://blog.csdn.net/weixin_52799373/article/details/123840137

  • 安装好了之后在cmd中间输入

    1
    node -v

  • 成功安装后会出现一行版本号，测试安装结果,在命令行输入

    1
    npm install express -g

  • 可能会出现报错，原因是在你本地目录存在一个.npmrc，我们删除就好了

    报错

    • ​ 使用管理员身份打开cmd，再一次测试安装

  • 如果在node文件夹下的node_global找到exprexss说明已经配置好node

2 安装git

git必须安装,git安装教程

https://www.cnblogs.com/xueweisuoyong/p/11914045.html

  • 生成SSH Keys
1
ssh-keygen -t rsa -C "你的邮箱地址"

一共四次回车键 第二次输入y ，第三次输入密码以及确认密码，然后无脑回车

随后来到你的用户目录下找到，用记事本打开，随后复制

来到GitHub新建一个仓库，取名如下点击确定创建

找到你的主页，创建ssh连接

随意输入名称，粘贴刚刚复制的ssh

在你的cmd中测试ssh是否绑定

1
ssh -T git@github.com

出现 successfully 即为成功

OK 目前为止已经把基本的环境配置好了

3 安装 Hexo

这部分很简单，按照代码块一步步来就行了

1
2
3
4
5
npm install hexo-cli -g //安装Hexo

npm install //安装依赖

npm i hexo-wordcount //安装依赖
  • Hexo 的基本语法
    • Hexo g hexo站点根目录public下生成静态文件
    • Hexo d 部署生成的静态文件
    • Hexo Clean 删除静态文件
    • Hexo server 生成本地预览地址

我们在电脑的任意位置，新建一个文件夹取名任意你喜欢的名字，接着我们打开文件夹下右键选择 Git Bash Here

在终端上我们输入 

1
Heox init

这样一来我们的hexo核心文件就创建好了，我们依次输入代码块内容

1
2
Hexo g 
Hexo server

提示的http://localhost:4000/便是我们的本地预览地址

4 GitHub部署

打开你刚刚创建的文件夹根目录，找到 comfig.yml

滑到最后找到 deploy

1
2
3
4
5
deploy:
  type: git
  repository: 你的github地址 (简单来说就是你的刚刚你设置的那个地址
  示例 https://github.com/用户名/用户名.github.io/)
  branch: main

将上面代码块完善并替换原有的代码，来到命令行输入，安装hexo-deployer-git 自动部署发布工具

1
2
3
4
5
npm install hexo-deployer-git --save

hexo g

hexo d

中间会出现一个登录界面，记得及时登录

成功

打开你的github仓库预留地址，至此整个Hexo就已经可以使用了！