Hexo博客在GitHub搭建

1.准备工具

1.1. Node.js和git

下载nodejs

下载git

1.2. 测试是否成功

node -v
npm -v（这个是node附带的）
git -v

1.3. 下载Hexo

npm install hexo-cli -g

2. 搭建GitHub仓库

成功下载好工具之后，我们开始搭建GitHub存储静态页面的仓库

• 首先注册/登入Github
• 点击Create a new repository进入新建仓库页面

仓库名输入：

用户名.github.io

勾选 Public

勾选 Add a README file

拉到下面点击create创建

3. 生成SSH keys与GitHub建立连接

3.1. 生成SSH Keys

桌面，右键空白处然后点Git bash here,输入

ssh-keygen -t rsa -C "邮件地址"

然后进入C:\Users\用户名，在里面进入.ssh文件

用记事本打开里面的id_rsa.pub,全选复制里面的代码

3.2. 打开Github连接SSH

进入用户设置，找到SSH keys

新建SSH keys，名称随意，在下面粘贴代码，然后创建

3.3. 测试是否成功

在git bash中输入

ssh -T git@github.com

4. 本地部署

4.1. hexo 初始化

在喜欢位置新建文件Blog，然后进入文件夹

右键空白处然后点Git bash here，输入

hexo init

如果‘command not find’，就在前面加上npx，如：npx hexo init

4.2. hexo 安装

hexo install    // hexo安装

4.3. hexo 打包生成部署本地

hexo g     // hexo生成
hexo s     // hexo本地部署

（如果不成功的话就重复直到成功，因为国内与github连接不稳定）

现在就可以复制生成的链接进入浏览器看到我们生成的本地服务器了

然后回到命令行，ctrl+c关闭

5. 上线博客

5.1. 修改仓库地址

• 进入之前的Blog文件夹，用记事本打开_config.yml,拉到最下面将deploy后面的全删掉，复制粘贴这段

type: git
repository: 
branch: main

注意缩进格式：每行前面都有两个空格不要删，每个冒号后面都有个空格也不要删！

• 去github之前生成的仓库页面，点code，复制https链接

• 将其粘贴到我们记事本中的repository：后面,然后保存退出

5.2. 回到博客文件夹，git bash

5.2.1. 安装自动部署发布工具

npm install hexo-deployer-git --save

5.2.2. 在Blog文件夹git bash

hexo g   （生成）
hexo d   （上传)

如果是第一次使用git的话会需要配置

git config --global user.email "你的邮箱"
git config --global user.name "你的名字"

配置完后再hexo d上传

在跳出来的窗口内进行登录

接下来我们就成功把本地内容上传到github了

上传成功以后，我们就算搭建好了！上自己的网址看看吧

网址是我们之前设的仓库名：用户名.github.io