Hexo博客搭建完成后，如何让更多人通过搜索引擎找到你的文章？答案就是SEO优化。

本文详细介绍5款Hexo必备SEO插件，从站点地图生成、外链权重保护、资源压缩到相关文章推荐，全方位提升博客在搜索引擎中的表现，帮助你获取精准、免费、持续的搜索流量。

1. hexo-generator-sitemap（全站 XML 站点地图）

作用详解

生成符合 Google、Bing 等通用搜索引擎标准的 XML 格式站点地图（sitemap.xml），包含：

  • 所有页面 URL
  • 最后更新时间（lastmod）
  • 更新频率（changefreq）
  • 优先级（priority）

帮助搜索引擎爬虫更高效地发现和抓取全站页面，提升收录效率。

安装与配置

1
npm install hexo-generator-sitemap --save

在博客根目录的 _config.yml 中添加配置（可选）：

1
2
3
4
5
6
7
8
sitemap:
  path: sitemap.xml          # 生成的 sitemap 文件路径
  rel: false                  # 是否在 HTML head 中添加 rel="sitemap" 链接
  tags: true                  # 是否包含标签页
  categories: true            # 是否包含分类页
  exclude:                    # 排除的页面路径（支持正则）
    - /admin/
    - /private/

使用方法

  1. 执行 hexo generate，会在 public/ 目录下生成 sitemap.xml。
  2. 部署博客后，将 https://你的域名/sitemap.xml 提交到对应搜索引擎的站长平台。

2. hexo-generator-baidu-sitemap（百度专属站点地图）

作用详解

针对百度搜索资源平台的抓取规则，生成适配百度的 XML 或 TXT 格式站点地图（baidusitemap.xml）。
与通用 sitemap 的区别：

  • 更严格的 URL 格式校验（如不支持中文 URL，需转码）
  • 可选生成 TXT 格式（仅包含 URL 列表）
  • 对百度爬虫的友好度更高

安装与配置

1
npm install hexo-generator-baidu-sitemap --save

在 _config.yml 中添加配置（可选）：

1
2
3
4
5
6
baidusitemap:
  path: baidusitemap.xml      # 生成的文件路径（也可设为 .txt）
  tags: true                  # 包含标签页
  categories: true            # 包含分类页
  exclude:                    # 排除路径
    - /admin/

使用方法

  1. 执行 hexo generate 生成 baidusitemap.xml。
  2. 部署后将文件提交到百度搜索资源平台。

3. hexo-autonofollow（自动添加 nofollow 标签）

作用详解

自动检测文章中的外部链接（非本站域名），并添加 rel="nofollow noreferrer" 属性：

  • nofollow：告诉搜索引擎不要传递权重到该链接（避免 SEO 权重流失）。
  • noreferrer：隐藏来源页信息，提升安全性（防止外部站点获取你的博客地址）。

无需手动修改每个链接，适合经常引用外部资源的博客。

安装与配置

1
npm install hexo-autonofollow --save

在 _config.yml 中添加配置（可选）：

1
2
3
4
5
6
nofollow:
  enable: true                # 启用插件
  field: post                 # 应用范围（post: 仅文章，page: 仅页面，all: 全部）
  exclude:                    # 排除的域名（这些域名的链接不加 nofollow）
    - github.com              # 可添加友链或信任的站点
    - your-friend-site.com

使用方法

  • 直接执行 hexo generate，插件会自动处理所有外部链接。
  • 可通过查看页面源码，确认外部链接是否已添加 rel 属性。

4. hexo-filter-cleanup（自动压缩静态资源）

作用详解

通过过滤器（Filter）在生成静态文件时，自动压缩：

  • HTML：移除注释、多余空格、换行符。
  • CSS：合并空白字符、移除注释。
  • JS：压缩代码（基于 uglify-js）。

可显著减少文件体积（通常压缩率 30%~60%），提升页面加载速度。

安装与配置

1
npm install hexo-filter-cleanup --save

在 _config.yml 中添加详细配置（可选）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
filter_cleanup:
  enable: true
  html:
    enable: true
    exclude:                  # 排除的 HTML 文件
      - /admin/
    options:
      removeComments: true    # 移除注释
      collapseWhitespace: true# 压缩空白
  css:
    enable: true
    exclude:
      - /custom.css
  js:
    enable: true
    exclude:
      - /libs/                # 排除第三方库（避免压缩出错）
    options:
      compress: true
      mangle: true            # 混淆变量名

注意事项

  • 若压缩后页面功能异常，可通过 exclude 排除特定文件（如第三方 JS 库）。
  • 部分主题已内置压缩功能，需避免重复使用（可能冲突）。

作用详解

基于以下维度生成文章推荐列表，提升内链结构和用户停留时间：

  • 相关文章：通过标签、分类、内容相似度计算（支持 TF-IDF 算法）。
  • 热门文章：基于浏览量（需配合统计插件，如 hexo-wordcount 或主题自带统计）。

可自定义显示位置（如文章底部、侧边栏），样式适配主题。

安装与配置

1
npm install hexo-related-popular-posts --save

在 _config.yml 中添加配置（可选）：

1
2
3
4
5
6
7
8
9
10
11
12
13
related_popular_posts:
  enable: true
  relatedCount: 5             # 相关文章显示数量
  popularCount: 3             # 热门文章显示数量
  mixRelatedPopular: true     # 混合显示相关+热门
  PPMixType: 'related'        # 优先类型（related: 相关优先，popular: 热门优先）
  tagsWeight: 2               # 标签相似度权重
  categoriesWeight: 1         # 分类相似度权重
  dateWeight: 1               # 时间权重（越新的文章权重越高）
  showDate: false             # 是否显示文章日期
  showThumbnail: false        # 是否显示缩略图（需主题支持）
  thumbnailPath: 'thumbnail'  # 缩略图 Front-matter 字段名
  excludeClass: 'no-related'  # 排除特定类别的文章

使用方法（关键步骤）

需在主题模板文件中手动添加调用代码，以显示推荐列表：

  1. 找到主题的文章模板文件（通常是 themes/你的主题/layout/post.ejs 或 post.njk）。
  2. 在文章内容下方（如 </article> 之前）添加：
    1
    2
    3
    4
    5
    6
    <%- related_popular_posts(page, {
      maxCount: 5,
      ulClass: 'related-posts',
      liClass: 'related-post-item',
      linkClass: 'related-post-link'
    }) %>
  3. 根据主题样式，自定义 CSS 类（如 .related-posts）美化显示效果。

进阶技巧

  • 若主题支持缩略图，可在文章 Front-matter 中添加 thumbnail: /images/xxx.jpg，并在配置中开启 showThumbnail: true。
  • 可通过 hexo clean && hexo generate 重新生成，确保推荐列表更新。

通用注意事项

  1. 插件冲突：若安装后博客生成报错，可通过 npm uninstall <插件名> 排查，或检查 Node.js 版本（建议 v14+）。
  2. 性能平衡：hexo-filter-cleanup 和 hexo-related-popular-posts 会增加生成时间，若博客文章量大（>1000 篇），可酌情调整配置。
  3. 主题兼容性：部分主题已内置类似功能（如压缩、相关文章），建议先检查主题文档，避免重复安装。

通过以上插件的组合使用，可全面提升 Hexo 博客的 SEO 表现、加载速度和用户粘性！