🛠️ 技术栈

这里是我在开发和维护这个博客时使用的技术栈，涵盖了前端、后端、构建工具、部署方案等各个方面。

🌐 前端技术

静态站点生成器

Hexo v8.1.1 - 基于 Node.js 的静态博客框架
hexo-theme-butterfly v5.5.4 - 博客主题，参考 Fomalhaut 样式进行二次创作

模板与样式

EJS / Pug - 模板引擎
Stylus - CSS 预处理器
CSS Minification - 样式压缩优化

脚本处理

Babel - JavaScript 编译
Terser - JavaScript 压缩
Iconfont - 阿里巴巴矢量图标库
Font Awesome Animation - 图标动画效果

UI 组件

Bootstrap-like 结构 - 响应式布局基础
vanilla-lazyload v19.1.3 - 图片懒加载
aplayer - 音乐播放器
Swiper - 轮播图组件

⚙️ 后端与构建

运行环境

Node.js >= 18.x - JavaScript 运行时 (当前使用 v24.13.0)
npm / yarn - 包管理器

构建工具

Gulp v4.0.2 - 自动化构建工具
- HTML/CSS/JS 压缩优化
- 资源文件处理
Workbox v7.4.0 - PWA 支持和离线缓存

Markdown 扩展

markdown-it 系列插件
- markdown-it v14.x - 核心解析器
- markdown-it-container v4.0.0 - 容器扩展
- markdown-it-deflist v3.0.0 - 定义列表支持
- markdown-it-emoji v3.0.0 - Emoji 支持
- markdown-it-mark v4.0.0 - 标注语法
- 高级 Markdown 功能

🚀 部署与运维

部署方式

Git 部署 (hexo-deployer-git v4.0.0) - 自动推送到 GitHub/Gitee
Vercel + Cloudflare - 某墙穿透 + CDN 加速

SEO 与优化

站点地图生成 (Sitemap v3.0.1)
RSS 订阅支持 (hexo-generator-feed v4.0.0)
百度/Algolia 搜索集成
百度链接自动提交 (hexo-baidu-url-submit v0.0.6)

安全特性

hexo-blog-encrypt - 博客内容加密
Git 自动部署 - 安全的发布流程

📦 项目结构

.
├── scaffolds/          # 文章模板
├── source/             # 源文件目录
│   ├── _posts/         # 博客文章
│   ├── _drafts/        # 草稿文章
│   └── ...             # 其他页面内容
├── themes/butterfly/   # 主题源码
├── _config.yml         # Hexo 核心配置
├── _config.butterfly.yml # 主题配置
├── gulpfile.js         # Gulp 构建脚本
└── package.json        # 项目依赖

🎯 开发工作流

常用命令

# 安装依赖
npm install

# 本地开发预览
npm run server
# 或
npx hexo server

# 构建静态文件
npm run build
# 或
npx hexo generate

# 清理缓存
npm run clean
# 或
npx hexo clean

# 部署到远程仓库
npm run deploy
# 或
npx hexo deploy

🔧 技术特点

架构模式

JAMstack 架构 - 静态站点生成架构
插件化架构 - 通过 Hexo 插件机制扩展功能
事件驱动 - 利用 Hexo 生命周期事件执行脚本
构建管道模式 - Gulp 构建流程用于资源优化

性能优化

输出文件经过 Gulp 压缩（HTML/CSS/JS）
图片启用懒加载 (vanilla-lazyload v19.1.3)
PWA 支持离线访问 (Workbox v7.4.0)
CDN 友好的静态资源

安全考虑

敏感信息不暴露在公开仓库
使用内容加密保护私密文章
Git 部署确保发布安全

💡 这个技术栈的选择旨在提供一个美观、功能丰富、易于维护的静态博客站点，同时保证良好的性能和安全性。最新升级完成于 2026-02-12，包含 Hexo v8.1.1 和 Butterfly v5.5.4 等核心组件的更新。