如何用hexo搭建一个个人博客
1.前言
其实关于博客的搭建我花了不少时间,在网上搜集查找了很多文章,期间还向AI请教了一下,前前后后差不多有两天吧,问题主要出现在了一些文件的配置上,所以借此机会,整理一下自己的经验,希望能帮助到大家。
2.准备工作
由于我使用的是Windows系统,所以以下操作均在Windows环境下进行。
2.1 安装Node
打开Node官网,下载与你的系统适配的安装程序,版本的话可以是选择低一点的,不然可能会出现不兼容的问题。
安装完成后记得检查一下是否安装成功。键盘按下win+R,输入cmd,打开命令行窗口,输入以下命令:
1 | node -v |
如果出现版本号,则说明安装成功。
2.2 安装Git
- 打开Git官网下载安装程序。
- 点击电脑开始菜单,我们可以看见Git Bash。等会我们会一直用到它。
2.3 安装Hexo
- 在Git Bash中输入以下命令:
1 | npm install -g hexo-cli |
- 安装完成后,输入以下命令:
1 | hexo -v |
如果出现版本号,则说明安装成功。
2.4 创建Github仓库(首先要确保你已经注册了Github账号)
- 打开Github,点击右上角的+ New repository,创建一个<用户名>.github.io的仓库,其中<用户名>是你的Github用户名。
- 勾选Initialize this repository with a README,然后点击Create repository。
3.配置用户名和邮箱
在Git Bash中输入以下命令:
1 | git config --global user.name "你的用户名" |
通过
1 | git config -l |
检查一下是否配置成功。
4.连接Github仓库
- 进入任意文件夹,打开Git Bash。
输入以下命令:
1 | ssh-keygen -t rsa -C "你的邮箱" |
然后回车,一路回车,直到生成完毕。
然后进入C:\Users\用户名,在里面进入.ssh文件
用记事本打开里面的id_rsa.pub,全选复制里面的代码
回到Github,点击右上角的Settings,然后点击SSH and GPG keys,点击New SSH key,把刚才复制的代码粘贴进去,点击Add SSH key。
回到Git Bash测试是否成功,输入以下命令:
1 | ssh -T git@github.com |
回车,然后输入yes
5.本地生成博客
在喜欢的位置新建一个文件夹,然后在Git Bash中输入以下命令:
1 | hexo init |
如果‘command not find’,就在前面加上npx,比如:
1 | npx hexo init |
然后
1 | hexo install |
再依次输入以下命令:
1 | hexo g |
如果不成功就看看是不是梯子忘记关了,或者问问AI。
然后就可以复制生成的链接,在浏览器中打开,就可以看到自己的博客了。
接着回到命令行,Ctrl+C停止hexo s。
6.部署博客
进入到博客文件夹,用VSCode打开_config.yml
拉到最下面,将deploy下面的删掉,复制粘贴以下代码:
1 | type: git |
把你在Github上创建的仓库地址粘贴到repo后面,然后保存(记得有一个空格)。然后保存退出。
回到博客文件夹,输入以下命令安装自动部署发布工具:
1 | npm install hexo-deployer-git --save |
再输入
1 | hexo g |
如果你是第一次部署,会提示你输入Github的用户名和密码
在命令行中输入
1 | git config --global user.email "你的邮箱" |
然后再输入
1 | hexo d |
就完成了,打开浏览器输入你的博客地址,就可以看到自己的博客了。网址就是你在Github上创建的仓库地址
https://<用户名>.github.io/。
至此,我们就完成了最基本的博客搭建,虽然看起来有点简陋。。。。。
关于Vercel部署与自定义域名还有美化博客的教程,可以看看https://www.fomal.cc/categories/%E9%AD%94%E6%94%B9%E6%95%99%E7%A8%8B/
当然你也可以去B站、知乎等平台上找找别人的教程。