今天偶然发现博客的好多外链没有rel标签，这会使得SEO权重外流！

没有rel标签呀

思考

我想要让全站的外链都加上rel="noopener noreferrer nofollow"

那么应当具备以下性能：

    1. 需要能智能判断是否是本站链接，如果是本站链接就不加。
    1. 如果是JavaScript代码（如javascript:void(0);），这种情况不应视为外部链接。
    1. 为确保都能加上，不管是否有rel标签，或rel标签是否正确，都全部替换rel="noopener noreferrer nofollow"。

我想到了可以通过 Hexo 的 after_render 过滤器，无需修改主题文件和配置文件即可为全站外链动态添加 rel 属性。这样不动其他文件也确保了稳定性。

学习了下hexo的文档并且请教了一下deepseek，写出了这些代码，可以正常使用。

解决方法

在 Hexo 博客根目录下创建 /scripts/add-rel.js 文件，如果没有/scripts文件夹请你自行创建

它将获取_config.yml的url段，以判别外链。

在/scripts文件夹下的js文件会自动被Hexo执行，不需要手动引入。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
const { URL } = require('url');

hexo.extend.filter.register('after_render:html', function (htmlContent) {
  // 获取博客配置中的 URL
  const siteUrl = new URL(hexo.config.url).origin;

  // 匹配所有 <a> 标签
  const regex = /<a\s+([^>]*)>/gi;

  return htmlContent.replace(regex, (match, attributes) => {
    // 解析属性
    const attrMap = {};
    attributes.replace(/(\w+)\s*=\s*(["'])(.*?)\2/gi, (_, key, quote, value) => {
      attrMap[key] = value;
      return '';
    });

    // 获取 href 属性
    const href = attrMap.href;

    // 判断是否是外部链接
    let isExternal = false;
    try {
      if (href && !href.startsWith('javascript:') && !href.startsWith('#')) {
        const url = new URL(href, siteUrl);
        isExternal = url.origin !== siteUrl;
      }
    } catch (e) {
      // 忽略无效的 URL
      console.warn(`Invalid URL: ${href}`);
    }

    // 如果是外部链接，则替换或添加 rel 属性
    if (isExternal) {
      attrMap.rel = 'noopener noreferrer nofollow';
    }

    // 重新生成 <a> 标签
    const newAttributes = Object.keys(attrMap)
      .map(key => `${key}="${attrMap[key]}"`)
      .join(' ');

    return `<a ${newAttributes}>`;
  });
});

之后执行Hexo三件套

rel标签出现啦！

可以看到，rel标签出现了！