搭建一个Hexo个人博客系统

2023-02-17,,,

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。

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

搭建一个Hexo个人博客系统的相关教程结束。

《搭建一个Hexo个人博客系统.doc》

下载本文的Word格式文档,以方便收藏与打印。