如何利用Hexo搭建个人博客完整版教程(包会)

  2024.5.4  我的个人博客搭建成功啦!

这篇文章会手把手教大家如何从0开始搭建我的个人独立博客的

Let’s Go!

文章比较精简,没有废话,不要跳步


一·准备工具

1.首先我们需要到对应网站下载需要的工具

下载nodejs

(这篇文章里有修改node.js缓存路径的教学:教学链接,c盘战士可以不看)

2.下载git**

一直点确定就行,全部按它默认勾的就行

(这里有一篇详细安装教程安装链接,可以不看)*

3.接下来我们测试下是否都下载成功

用管理员身份运行cmd,依次输入

1
2
3
node -v
npm -v(这个是node附带的)
git -v

4.下载hexo

1
npm install hexo-cli -g

二·搭建仓库

1.下载好工具之后,下一步搭建GitHub储存静态页面的仓库

2.注册/登录Github

3.点击Create a new repository来新建仓库

4.仓库名输入:

1
用户名.github.io

5.勾选 Public; 勾选 Add a README file

6.拉到最下方点击create,创建完毕!


三·生成SSH Keys

1.进入本地任意一个文件夹,右键空白处点击,Git bash here,输入:

1
ssh-keygen -t rsa -C "您的邮箱地址"

2.连敲4次回车🖮

3.进入C:\Users\用户名,找到.ssh文件夹

4.找到id_rsa.pub,打开后 “Ctrl+A“ 全选 “Ctrl+V“ 复制

5.回到GitHub,进入用户设置,找到SSH Keys,点击新建SSH Keys,名称随意,在下面粘贴代码,然后创建

6.测试是否成功,在git bash输入

1
ssh -T git@github.com

7.回车,然后输入 yes


四·本地生成博客内容

1.在本地喜欢的位置创建文件夹,名称随意,然后进入文件夹

2.右键空白处然后点击Git bash here,输入

1
2
3
4
hexo init
hexo install
hexo g
hexo s

如果输入hexo init 返回指令为‘command not find’,就在前面加上npx,如: npx hexo init 

如果不成功的话就重复直到成功,因为国内与github连接不稳定,或者开启魔法!

Ctrl+INS“ 复制进入生成的链接,测试是否能打开

3.回到命令行,”Ctrl+C“ 关闭


五·上线博客

1.进入Blog文件夹,打开_config.yml

2.拉到最下面将deploy后面的全部删除,将下面代码 “Ctrl+V“ 复制 “Ctrl+C“ 粘贴到dePloy下

1
2
3
type: git
repository: Https链接
branch: main

3.去github之前生成的仓库,点code,复制https链接

4.把它”Ctrl+C“ 粘贴到 repository: 后面

5.退出(别忘了保存!)

6.回到Blog文件夹,右键空白处然后点击Git bash here

6.1 安装知道部署发布工具

1
npm install hexo-deployer-git --save

6.2 依次输入

1
2
3
4
 	#生成
hexo g
#上传
hexo d

6.2.1 如果是第一次使用git会需要配置一下

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

​ 配置完后再 hexo d 上传

6.3在跳出来的窗口内登录

7.接下来我们就成功把本地内容上传到GitHub了!

8.上传成功以后,我们就算搭建好了!上自己的网址看看吧!

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


六·结语

这是我的第一篇文章,如果有不对的,请指出第一时间改正!

如果操作中遇到任何问题可以加我的交流群私信我!看到一定会耐心的教你!

🐧QQ交流群:787939667


七·下篇文章将会交大家如何应用主题和选择主题来美化你的博客!