通过邮件混淆技术增强博客隐私

本文非站长原创，由 https://github.com/afoim/fuwari/pull/31 提供

背景🔗

在网页上直接暴露电子邮件地址，会使其极易受到垃圾邮件机器人的自动抓取。为了解决这一隐私和安全问题，可以采用邮件地址混淆技术。

在提交 0cc6194f35b3ff4ab53718fd98022b17ac522303 中，项目引入了 rehype-email-protection 插件来应对此问题。

技术方案：rehype-email-protection🔗

rehype-email-protection 是一个 Rehype 插件，它能在网站内容处理流程中自动识别并混淆电子邮件地址。

配置实现🔗

该功能通过在 astro.config.mjs 文件中进行配置来启用。

首先，导入插件模块：

import rehypeEmailProtection from "./src/plugins/rehype-email-protection.mjs";

然后，在 Astro 配置的 rehypePlugins 数组中添加该插件，并指定 base64 作为混淆方法。

markdown: {
  rehypePlugins: [
    // ... 其他插件
    [rehypeEmailProtection, { method: "base64" }],
    // ... 其他插件
  ],
},

工作机制🔗

配置生效后，内容中所有标准的电子邮件地址（如 user@example.com）在网站构建过程中，都会被转换为 Base64 编码的字符串，并通过客户端 JavaScript 进行解码。

对于普通用户，浏览器会执行脚本将编码还原为可交互的 mailto: 链接，功能体验不变。而对于无法执行 JavaScript 的网络爬虫，它们只能获取到编码后的无意义字符串，从而达到了保护电子邮件地址不被轻易收集的目的。

结论🔗

集成 rehype-email-protection 插件是一种简单而有效的隐私增强手段。它以极低的配置成本，显著降低了因在公开网页上暴露电子邮件地址而导致的安全风险，是静态网站开发中值得推荐的一个实践。

引流：www.497995.xyz 树树放过我😭😭