搭建一个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。
接下来就大功告成了,可能有些延时。有不足的地方欢迎大家指出并纠正,也是学习的过程。