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

前言

本文使用的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

2. 执行安装Hexo的命令：

npm install -g hexo-cli

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

二、Hexo初始化配置

1. 初始化命令：

hexo init <文件夹>

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

2. 引用玄德ь的博客解释一下对应的文件夹：

• 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的整体搭建起来并不困难，很容易上手，后面我会陆续更新后续的博客搭建以及自己的一些总结的内容~

这篇好文章是转载于：学新通技术网