实用的 Hexo 插件推荐
hexo-generator-sitemap
目前最流行的 Hexo 网站地图生成器，安装方式：
1 | npm install hexo-generator-sitemap |
hexo-generator-feed
目前最流行的 Hexo 订阅链接生成器，安装方式：
1 | npm install hexo-generator-feed |
hexo-generator-search
目前最流行的 Hexo 搜索插件，安装方式：
1 | npm install hexo-generator-search |
hexo-all-minifier
能压缩你的玩网站页面、资源、图片，但是不能压缩字体，而且还不能在 ARM 上使用，安装方式：
1 | npm install hexo-all-minifier |
hexo-helper-live2d
能给你的网站添加 Live2D 模型，安装方式：
1 | npm install hexo-helper-live2d |
本博客所有文章除特别声明外，均采用 Mulan OWL BY-SA V1 许可协议。转载请注明来源 他说！
微信支付
支付宝
相关推荐
2026-05-11
将网站构建和说说分离
本文介绍了作者如何优化网站部署与数据管理流程，实现 Butterfly 主题的说说页面与主网站完全分离。作者首先改造了 GitHub Actions 中原本为 Next.js 设计的模板，将其适配为 Hexo 构建流程，配置了缓存、并发控制与自动部署，使每次推送代码后自动完成依赖安装、静态文件生成并部署到 GitHub Pages。随后，作者用 Python 编写脚本，将本地 YAML 格式的说说数据转换为独立 JSON 文件，并修改说说页面的 Frontmatter 配置，使其远程加载该 JSON 数据，从而实现内容与主站分离管理。最后，作者解决了因仓库名称冲突导致的路径跳转问题，通过改用不重名的仓库成功部署。整个过程显著提升了版本管理效率，降低了维护成本。
2026-04-04
Frontmatter 基础知识
本文介绍了 Hexo 静态博客中 Frontmatter 的各项元数据字段及其作用，包括标题、日期、标签、分类、封面、更新日期、摘要、关键词、目录、评论和置顶等。通过 YML 格式的 Frontmatter，用户无需数据库即可管理文章信息，并控制文章在网站中的显示方式与排序。文章详细解释了每个字段的配置方法，例如封面使用 cover 关键字、置顶通过 sticky 设置数值等，旨在帮助读者快速掌握 Hexo 文章元数据的配置技巧，提升博客搭建效率。
2026-04-03
如何使用 Hexo 搭建博客网站
本文介绍了如何在不同操作系统（Windows、Linux 包括 Debian 和 Arch、macOS）上安装 Node.js，以及使用 NPM 安装 Hexo 博客框架。接着描述了初始化网站项目的步骤，即在一个空文件夹中运行 hexo init 命令。然后详细说明了修改 config.yml 配置文件的方法，包括设置网站标题、副标题、描述、关键词、作者、语言和时区等参数，并给出了示例配置。最后介绍了通过 hexo server 命令启动本地服务器，并在浏览器中访问 localhost:4000 查看网站。整个过程覆盖了从环境搭建到网站运行的基本流程，适合初学者快速搭建个人博客。
2026-05-11
记一次被豆包气笑了
本文介绍了作者在重构网站编译模式并提交 GitHub Actions 工作流时遇到的困境。作者试图提交到官方模板仓库，却发现必须勾选一份全英文的 Pull Request 表单，其中一条要求提供图标。由于作者仅准备了代码，便尝试将 Hugo 的六角形图标修改为 Hexo 的尖角风格，但 SVG 修改失败。在求助 AI 豆包时，豆包反复复述问题却无法生成正确图片，甚至只给出空洞承诺。作者回忆豆包仅在生成角色三视图和技校填表时有用，对这次低效服务感到失望。文章探讨了 AI 工具在具体任务中的局限性及用户体验问题。
2026-04-18
记一次 Hexo 博客迁移
本文介绍了作者因 GitHub 账号被封而被迫迁移网站的经历。作者在凌晨美化网站并推送更新时发现账号被 Masked，怀疑与使用域名邮箱有关。认为 GitHub 虽重要但访问不便，且存在被封风险，因此决定将网站迁移至 Cloudflare Pages。通过本地编译后拖拽部署，发现 Cloudflare Pages 速度极快，优于 Vercel。作者最终建议开发者备份代码至 Codeberg 或 Gitee 等平台，避免依赖单一服务商。全文体现了对开源平台风险的警觉与主动备份的重要性。
2026-04-09
Butterfly 网站深色模式
本文介绍了在 Butterfly 主题中启用深色模式并解决 SVG 图片颜色冲突的方法。通过在 `_config.butterfly.yml` 中配置 `darkmode` 选项，可以开启深色模式切换按钮，并设置自动跟随系统或固定时间段切换。然而，手动引入的 `.svg` 图片在深色模式下不会自动变色，仍显示为黑色。为解决此问题，使用 CSS 媒体查询 `@media (prefers-color-scheme: dark)` 和滤镜 `filter: brightness(0) invert(1) !important;`，将 SVG 图片在深色模式下反转成白色。将该样式保存为 `svg.css`，并通过 `inject.head` 配置注入到网站中，从而实现深色模式下 SVG 图片变为白色、浅色模式下保持黑色，避免颜色冲突。
评论