如何利用Hexo搭建个人博客完整版教程(包会)
如何利用Hexo搭建个人博客完整版教程(包会)
EthanAxe2024.5.4 我的个人博客搭建成功啦!
这篇文章会手把手教大家如何从0开始搭建我的个人独立博客的
Let’s Go!
文章比较精简,没有废话,不要跳步
一·准备工具
1.首先我们需要到对应网站下载需要的工具
下载nodejs
(这篇文章里有修改node.js缓存路径的教学:教学链接,c盘战士可以不看)
2.下载git**
一直点确定就行,全部按它默认勾的就行
(这里有一篇详细安装教程安装链接,可以不看)*
3.接下来我们测试下是否都下载成功
用管理员身份运行cmd,依次输入
1 | node -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 | hexo init |
如果输入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 | type: git |
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 | #生成 |
6.2.1 如果是第一次使用git会需要配置一下
1 | git config --global user.email "你的邮箱" |
配置完后再 hexo d 上传
6.3在跳出来的窗口内登录
7.接下来我们就成功把本地内容上传到GitHub了!
8.上传成功以后,我们就算搭建好了!上自己的网址看看吧!
9.网址是我们之前设置的仓库名:用户名.github.io
六·结语
这是我的第一篇文章,如果有不对的,请指出第一时间改正!
如果操作中遇到任何问题可以加我的交流群私信我!看到一定会耐心的教你!
🐧QQ交流群:787939667