搭建一个Hexo个人博客系统

0x01 前言

虽然说前两天折腾了一下博客园（自己之前也有做过自己的博客，奈何维护费用太贵了，真的消耗不起，钱要花在刀刃上。）

网上有些教程有些参差不齐，今天给自己的真实搭建过程呈现给大家。

0x02 准备

首先，我们需要准备一下Node.js环境。直接前往Node.js中文网下载。

http://nodejs.cn/



我们选择长期支持版本即可，因为我们的博客最重要的是稳定，不要追求更新。

如果你有想法，想要上传到github，文章末尾会讲解。但是不会告诉你如何在Windows下安装git工具，其实正常下载安装就行，可以参考别的大佬的博客，我这里就不多赘述。

按照过程，一直Next即可。安装完成可以进行一下验证：



输入node -v应该会显示当前的版本。我写教程的时间是2022年10月7日，版本无需一样。



一般情况下，npm也会帮我们安装完成。假如你没有安装，可以百度去了解一下问题。

如果觉得npm比较慢，可以参考安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org



创建一下工作目录，方便我们管理。



使用npm install -g hexo-cli命令，安装hexo。关于npm命令的讲解可以参考菜鸟教程 -> https://www.runoob.com/nodejs/nodejs-npm.html

验证安装：hexo -v

开始部署Hexo

初始化和启动服务

hexo init



我们可以看到，目录下面已经创建出来了文件。



输入hexo s即可启动hexo的服务，他默认会映射到4000端口。



我们直接访问地址，查看。

创建文章

使用命令hexo new test





先随便编辑一下。



效果：





用hexo g也可以生成静态页面。

上传到GitHub

Github创建一个以 [用户名].github.io格式的存储库。

先使用ssh-keygen -t rsa -C GitHub注册邮箱的命令，创建一下Key Gen





此时所有东西都为默认，直接三个回车敲上去。就可以创建完成了。



打开提示的路径，如我的是C:\Users\Moxin/.ssh/





填写进生成文件中的id_rsa.pub文件,名称随意



这样就是成功了。

接下来我们编辑Hexo目录中的_config.yml





在deploy中，编辑。

deploy:

type: git

repo: git@github.com:xxx/xxx.github.io.git

branch: master

message: update

使用命令：npm install hexo-deployer-git --save 安装Hexo的git工具



hexo clean 清理缓存

hexo g 生成html静态文件

hexo d 上传



Windows下要用Git bash，不然容易出错。



接下来我们就看到，文件已经上传上了。但是我们新版的GitHub默认的路径是main,可不要搞错了，搞错可就出洋相了。



在 仓库-Settings中配置，记得切换成master，如果不想这样切换，就在上面deploy中编辑brach设置成main。

接下来就大功告成了，可能有些延时。有不足的地方欢迎大家指出并纠正，也是学习的过程。