搭建一个Hexo个人博客系统

0x01 前言

虽然说前两天折腾了一下博客园(自己之前也有做过自己的博客,奈何维护费用太贵了,真的消耗不起,钱要花在刀刃上。)
网上有些教程有些参差不齐,今天给自己的真实搭建过程呈现给大家。

0x02 准备

首先,我们需要准备一下Node.js环境。直接前往Node.js中文网下载。
http://nodejs.cn/
image
我们选择长期支持版本即可,因为我们的博客最重要的是稳定,不要追求更新。

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

image
按照过程,一直Next即可。安装完成可以进行一下验证:
image
输入node -v应该会显示当前的版本。我写教程的时间是2022年10月7日,版本无需一样。
image
一般情况下,npm也会帮我们安装完成。假如你没有安装,可以百度去了解一下问题。
如果觉得npm比较慢,可以参考安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
image
创建一下工作目录,方便我们管理。
image
使用npm install -g hexo-cli命令,安装hexo。关于npm命令的讲解可以参考菜鸟教程 -> https://www.runoob.com/nodejs/nodejs-npm.html
验证安装:hexo -v
image

开始部署Hexo

初始化和启动服务

hexo init
image
我们可以看到,目录下面已经创建出来了文件。
image
输入hexo s即可启动hexo的服务,他默认会映射到4000端口。
image
我们直接访问地址,查看。
image

创建文章

使用命令hexo new test
image
image
先随便编辑一下。
image
效果:
image
image
hexo g也可以生成静态页面。
image

上传到GitHub

Github创建一个以 [用户名].github.io格式的存储库。
先使用ssh-keygen -t rsa -C GitHub注册邮箱的命令,创建一下Key Gen
image
image
此时所有东西都为默认,直接三个回车敲上去。就可以创建完成了。
image
打开提示的路径,如我的是C:\Users\Moxin/.ssh/
image
image
填写进生成文件中的id_rsa.pub文件,名称随意
image
这样就是成功了。
接下来我们编辑Hexo目录中的_config.yml
image
image
在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工具
image
hexo clean 清理缓存
hexo g 生成html静态文件
hexo d 上传
image
Windows下要用Git bash,不然容易出错。
image
接下来我们就看到,文件已经上传上了。但是我们新版的GitHub默认的路径是main,可不要搞错了,搞错可就出洋相了。
image
在 仓库-Settings中配置,记得切换成master,如果不想这样切换,就在上面deploy中编辑brach设置成main。
接下来就大功告成了,可能有些延时。有不足的地方欢迎大家指出并纠正,也是学习的过程。
image

posted @ 2022-10-07 06:33  M0x1n  阅读(74)  评论(0编辑  收藏  举报