前言
本文使用的Hexo是一个快速、简洁且高效的博客框架,结合Gitee Pages搭建属于自己博客的教程,本文借鉴了各路大佬的文章,以及自己在搭建过程遇到的一系列问题的整理,也是为了后续搭建的开发者少走弯路。本文也是我在51CTO博客发布第一篇文章,若有表述上的错误,希望看到本文的开发者多多纠正。
参考文章:
Hexo + Gitee免费部署静态博客 - 玄德ь
环境
Git版本:2.39.1.windows.1
node版本:v18.13.0
pnpm版本:7.29.1
一、安装Hexo
- 推荐切换成淘宝源,避免不必要的麻烦
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 执行安装Hexo的命令:
npm install -g hexo-cli
若遇到hexo安装到了全局的目录以及环境配置问题可以参考玄德ь的博客
二、Hexo初始化配置
- 初始化命令:
hexo init <文件夹>
路径以及文件夹名可以根据开发者自行选择,执行指令后等待从github上拉取代码,会生成如下内容:
- 引用玄德ь的博客解释一下对应的文件夹:
- node_modules:hexo相关的依赖包
- public:存放在hexo生成的页面、静态资源等
- scaffolds:生成文章的模板文件
- source:存放相应页面的内容,以及将博客发布文章的md文件
- themes:主题相关配置
- _config.yml:整个hexo博客的配置
- _config.async.yml:当引入主题后,为了避免和hexo配置内容重叠,主题相关的配置内容写在这个新文件中
- package.json:项目所需模块的配置信息
三、搭建完成编译运行Hexo
进入项目所在根目录后执行如下命令:
hexo s
项目默认端口是4000,若需修改启动端口可以使用如下命令:
hexo serer -p 端口号
打开http://localhost:4000就可以看到已搭建好的Hexo页面了
总结
Hexo的整体搭建起来并不困难,很容易上手,后面我会陆续更新后续的博客搭建以及自己的一些总结的内容~