前言

本文使用的Hexo是一个快速、简洁且高效的博客框架,结合Gitee Pages搭建属于自己博客的教程,本文借鉴了各路大佬的文章,以及自己在搭建过程遇到的一系列问题的整理,也是为了后续搭建的开发者少走弯路。本文也是我在51CTO博客发布第一篇文章,若有表述上的错误,希望看到本文的开发者多多纠正。

参考文章:

Hexo + Gitee免费部署静态博客 - 玄德ь

环境

Git版本:2.39.1.windows.1

node版本:v18.13.0

pnpm版本:7.29.1

一、安装Hexo

  1. 推荐切换成淘宝源,避免不必要的麻烦
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. 执行安装Hexo的命令:
npm install -g hexo-cli

若遇到hexo安装到了全局的目录以及环境配置问题可以参考玄德ь的博客

二、Hexo初始化配置

  1. 初始化命令:
hexo init <文件夹>

路径以及文件夹名可以根据开发者自行选择,执行指令后等待从github上拉取代码,会生成如下内容:

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(一)-Hexo搭建_Hexo

  1. 引用玄德ь的博客解释一下对应的文件夹:
  • node_modules:hexo相关的依赖包
  • public:存放在hexo生成的页面、静态资源等
  • scaffolds:生成文章的模板文件
  • source:存放相应页面的内容,以及将博客发布文章的md文件
  • themes:主题相关配置
  • _config.yml:整个hexo博客的配置
  • _config.async.yml:当引入主题后,为了避免和hexo配置内容重叠,主题相关的配置内容写在这个新文件中
  • package.json:项目所需模块的配置信息

三、搭建完成编译运行Hexo

进入项目所在根目录后执行如下命令:

hexo s

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(一)-Hexo搭建_Hexo_02

项目默认端口是4000,若需修改启动端口可以使用如下命令:

hexo serer -p 端口号

打开http://localhost:4000就可以看到已搭建好的Hexo页面了

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(一)-Hexo搭建_Hexo_03

总结

Hexo的整体搭建起来并不困难,很容易上手,后面我会陆续更新后续的博客搭建以及自己的一些总结的内容~