skip to content
枫铃 BLOG

提供一些常用的Hexo第三方插件的名称和介绍

/ 7 min read

hexo , plugins

以下是 Hexo 中常用的第三方插件分类及介绍，涵盖功能扩展、性能优化、交互增强等场景，方便根据需求选择：

一、核心功能插件

1. hexo-deployer-git

  • 功能：将 Hexo 生成的静态文件部署到 GitHub Pages、GitLab、Gitee 等 Git 平台。
  • 必要性：几乎所有 Hexo 博客都需要，是部署的核心工具。
  • 使用：安装后在 _config.yml 配置仓库地址和分支即可。

2. hexo-generator-searchdb

  • 功能：生成博客内容索引，支持站内搜索（需主题配合显示搜索框）。
  • 适用场景：文章较多时，方便读者快速找到内容。
  • 特点：支持自定义搜索范围（仅文章/全站点）、索引格式等。

二、内容增强插件

3. hexo-wordcount

  • 功能：统计文章字数、阅读时间（默认按 300 字/分钟计算）。
  • 适用场景：希望在文章头部显示「字数：XXX | 阅读时间：X 分钟」的博客。
  • 特点：轻量，支持多语言，需主题配置启用。
  • 功能：根据文章标签、分类自动推荐相关文章，显示在文章底部。
  • 适用场景：提升文章间的联动性，增加用户停留时间。
  • 特点：可自定义推荐数量、排序方式（按相关度/日期）。

5. hexo-filter-mathjax

  • 功能：支持在 Markdown 中渲染数学公式（基于 MathJax）。
  • 适用场景：技术博客（尤其是数学、物理、计算机领域）需要展示公式。
  • 使用：需在文章 Front-matter 中添加 mathjax: true 启用。

三、媒体与资源优化插件

6. hexo-lazyload-image

  • 功能：实现图片懒加载（滚动到可视区域才加载），提升页面加载速度。
  • 适用场景：文章图片较多的博客，优化首屏加载性能。
  • 特点：支持自定义占位图（如 loading 动画），可指定仅对文章内图片生效。

7. hexo-asset-image

  • 功能：解决 Hexo 中相对路径图片显示异常的问题（尤其是使用 hexo new post 创建带资源文件夹的文章时）。
  • 痛点解决：无需手动修改图片路径，直接通过 ![alt](图片名.jpg) 引用同目录图片。

8. hexo-image-caption

  • 功能：自动为图片添加 caption（标题/说明），格式为 ![alt](url "caption内容")。
  • 适用场景：需要为图片添加注释的博客，避免在 Markdown 中手动写 HTML 标签。

四、社交与交互插件

9. valine（评论系统，需配合主题）

  • 功能：轻量级无后端评论系统（基于 LeanCloud），支持匿名评论、表情、点赞。
  • 优点：无需自建服务器，配置简单，加载速度快。
  • 注意：需注册 LeanCloud 账号并创建应用，获取 AppID 和 AppKey。

10. hexo-disqus

  • 功能：集成 Disqus 评论系统（国际知名评论工具）。
  • 适用场景：面向海外用户的博客，支持评论嵌套、用户登录（Google/Facebook 等）。
  • 缺点：国内访问速度较慢，需科学上网。

11. hexo-share-sns

  • 功能：为文章添加社交分享按钮（微信、微博、QQ、Twitter 等）。
  • 特点：支持自定义分享平台，样式可通过 CSS 调整，适配多数主题。

五、性能与分析插件

12. hexo-browsersync

  • 功能：开发时自动监测文件变化，实时刷新浏览器（替代 hexo s 的手动刷新）。
  • 适用场景：本地修改主题或文章时，提升开发效率。
  • 使用：安装后执行 hexo s --browsersync 启动。

13. hexo-generator-sitemap

  • 功能：生成站点地图（sitemap.xml），帮助搜索引擎更好地收录博客内容。
  • SEO 优化：提交 sitemap 到 Google、百度等搜索引擎，提升博客曝光率。

14. hexo-analytics

  • 功能：集成 Google Analytics、百度统计等流量分析工具，统计访问量、用户行为。
  • 适用场景：需要了解博客访问数据（如访客地区、热门文章）的作者。

六、主题增强插件

15. hexo-theme-next-pace（适配 Next 主题）

  • 功能：为 Next 主题添加页面加载进度条（顶部蓝色进度条），提升用户体验。
  • 特点：轻量，支持自定义进度条颜色、速度。

16. hexo-butterfly-toc（适配 Butterfly 主题）

  • 功能：为 Butterfly 主题添加文章目录（TOC），支持悬浮显示、锚点跳转。
  • 适用场景：长文较多的博客，方便读者快速定位章节。

插件安装通用命令

所有插件均通过 npm 安装，格式如下：

Terminal window
npm install 插件名称 --save

安装后需根据插件文档在 _config.yml 或主题配置文件中添加相应配置。

寻找插件的建议

  1. 优先参考主题官方文档（如 Next、Butterfly）推荐的插件，兼容性更好。
  2. 在 Hexo 官方插件市场 按分类筛选，查看下载量和更新频率（优先选择活跃维护的插件）。
  3. 若有特定需求（如代码高亮、音乐播放器），可搜索关键词 hexo plugin 功能名（如 hexo plugin music）。

根据博客定位选择插件（如技术博客侧重公式渲染和代码高亮，生活博客侧重评论和分享），避免安装过多插件导致加载缓慢。