hexo-fluid搜索引擎验证

Hexo搜索引擎验证

本文记录了我在给 Hexo 博客添加 Google 和 Bing 搜索引擎验证过程中踩过的坑,以及最终找到的 优雅解法

适配 Hexo 5.x + Fluid 主题


官网申请验证

去官方网站,注册登录,然后选择URL方式,输入你的网址,然后选择用meta标签验证。

注入meta验证

失败尝试

❌ 方法 1:使用 hexo-inject 插件注入 <meta>

网上很多老教程推荐用 hexo-inject 插件来在 <head> 里注入 meta 标签,比如:

1
2
3
4
5
hexo.extend.injector.register(
'head_begin',
'<meta name="google-site-verification" content="xxx" />',
'default'
);

但是,这个方法 在 Hexo 5.x + Fluid 主题下是无效的,原因如下:

  • hexo-inject 插件已经 多年未维护,对新版本不兼容
  • Hexo 和主题都已经内置了更强大的注入机制,插件反而冲突

❌ 方法 2:直接改config

1
google_site_verification: qZ_SWeFH1DKuHoF65EsrPOowD_ekRYBX5hTT2MDf06A

这个方法可以注入,但是注入的位置在body,而谷歌要求 meta 标签必须在 <head> 中,所以失败。


✅ 正确姿势:Hexo 内置注入 + JS 文件注入 meta 标签

项目根目录/scripts/中创建一个 JS 文件,动态注入 meta 标签到 <head> 中。(名字随意啦)

内容如下

1
2
3
4
5
hexo.extend.injector.register(
'head_begin',
'<meta name="google-site-verification" content="qZ_SWeFH****************5hTT2MDf06A" />',
'default'
);

然后即可,他会自己注入

生成代码

1
hexo clean && hexo g

在浏览器中查看网页源码,确认 <head> 中已经有了 Google 的验证 meta 标签。

✅ 一、Google 站点验证

部署完成后,浏览器访问你的网站,查看网页源码,确认看到:

1
<meta name="google-site-verification" content="qZ_SWeFH1DKuHo****************hTT2MDf06A">

Google Search Console 验证通过 ✅


✅ 二、Bing 站点验证(Fluid 主题不支持,需要手动 JS 注入)

Fluid 没有 Bing 验证的内置字段。Bing 要求也在 <head> 注入一段:

1
<meta name="msvalidate.01" content="XXXXXX" />

但是bing可以选择从谷歌导入,于是乎省去了很多麻烦


sitemap

申请验证之后还要等很久,主动导入sitemap会快很多

✅ 一、生成 sitemap

在 Hexo 中生成 sitemap 非常简单,只需安装 hexo-generator-sitemap 插件:

1
npm install hexo-generator-sitemap --save

添加到网站根目录的 _config.yml 文件中:

1
2
3
4
5
6
7
# SEO and Sitemap
sitemap:
path: sitemap.xml # 文件名
rel: true # 在 <head> 里插入 rel="sitemap"
tags: true # 在 sitemap 中包含标签
categories: true # 在 sitemap 中包含分类
publications: true # 生成的 sitemap 是否包含公开的页面

生成并部署 sitemap:

1
hexo clean && hexo g

✅ 二、提交 sitemap

在 Google Search Console 和 Bing Webmaster Tools 中,分别提交你的 sitemap URL:

然后静静等待,搜索引擎会自动抓取你的网站,收录你的内容。

📎 相关资源 & 参考链接



hexo-fluid搜索引擎验证
https://liaohr9.github.io/2025/08/07/技术分享/hexo-fluid搜索引擎验证/
Author
Haoran Liao
Posted on
August 7, 2025
Licensed under