Hexo 博客性能优化实践

Wed, 29 Apr 2026 23:40:00 +0800

前言

搭建好 Hexo 博客之后，性能优化是提升用户体验的重要一环。本文记录了我在优化博客加载速度过程中的实践和心得。

首先使用工具分析当前博客的性能瓶颈：

图片通常是网页中最大的资源，优化效果立竿见影：

1
2
3
4
5


# 开启 Gzip 压缩
# 在 GitHub Pages 上默认已开启

# 合并 CSS/JS 文件减少请求数
# 使用 CDN 加速静态资源加载

合理设置缓存策略可以大幅提升回访速度：

经过一系列优化后：

性能优化是一个持续的过程，后续还会继续探索更多优化手段。

Wed, 29 Apr 2026 23:00:00 +0800

今天花了一些时间从零搭建了一个基于 Hexo 的个人博客，并成功部署到了 GitHub Pages。整个过程中踩了一些坑，也学到了不少东西，这里把完整的搭建流程记录下来，方便自己以后回顾，也希望能帮到有需要的朋友。

在开始之前，确保你的系统已经安装了以下工具：

可以通过以下命令检查版本：

1
2
3


node -v
npm -v
git --version

首先全局安装 Hexo CLI：

1

npm install -g hexo-cli

然后初始化博客项目：

1
2
3


hexo init my-blog
cd my-blog
npm install

初始化完成后，目录结构如下：

1
2
3
4
5
6


my-blog/
 _config.yml # 站点配置文件
 source/
 _posts/ # 文章目录
 themes/ # 主题目录
 public/ # 生成的静态页面

默认的 landscape 主题比较简陋，我选择了功能丰富的 Matery 主题，它采用了 Material Design 风格，界面美观大方。