本文提供一段轻量级 JavaScript 脚本，可自动批量替换 Blogger 页面中所有 和 标签的 src 属性，将旧域名（如 123456.com）无缝更新为新域名（如 67890.com），无需手动编辑数千篇文章。
本文提供一段轻量级 javascript 脚本，可自动批量替换 blogger 页面中所有 `` 和 `
在 Blogger（Blogspot）平台中，当第三方图床或视频托管服务更换域名（例如从 123456.com 迁移至 67890.com），而你的博客大量文章仍引用旧链接时，图片和视频将无法加载，严重影响用户体验与 SEO。由于 Blogger 不支持后台批量正则替换 HTML 内容，且你拥有 2000+ 篇历史文章，手动修改完全不现实。此时，最高效、安全的方案是通过前端 JavaScript 动态修正资源路径——该脚本在页面加载后立即执行，仅作用于 src 属性，不影响其他内容，且兼容所有现代浏览器。
以下为推荐使用的优化版脚本（已增强健壮性）：
// ✅ 安全替换：仅处理 img 和 video 的 src 属性，支持全局匹配（防止部分路径未替换）
document.addEventListener('DOMContentLoaded', function() {
const elements = document.querySelectorAll('img[src], video[src]');
elements.forEach(el => {
const currentSrc = el.src;
// 使用正则全局替换，避免仅替换首个匹配项
const newSrc = currentSrc.replace(/123456\.com/g, '67890.com');
if (newSrc !== currentSrc) {
el.src = newSrc;
console.log('[Blogger URL Fix] Updated:', currentSrc, '→', newSrc);
}
});
});
? 使用说明：
- 登录 Blogger 后台 → 主题 → 编辑 HTML；
- 在 标签内（或更推荐：在 标签前）粘贴上述脚本；
- 保存主题。后续所有页面加载时，脚本将自动生效。
⚠️ 重要注意事项：
- 此方案为「客户端动态修复」，适用于无法修改原始博文 HTML 的场景；若需永久性修复（如提升 SEO、离线可用性），建议结合 Blogger 的「批量编辑」插件或导出 XML 后用正则工具（如 VS Code 多文件搜索 123456\.com\/[^\s"'>]+）进行源码级替换再重新导入；
- 脚本中 .replace(/123456\.com/g, ...) 使用了转义点号 \., 防止误匹配 123456acom 等相似字符串；
- 若需扩展支持 iframe、audio 或 CSS 背景图（background-image），可追加选择器：'img[src], video[src], iframe[src], audio[src]'，并补充对应属性处理逻辑；
- 建议上线前在测试文章中验证效果，并打开浏览器开发者工具（F12）查看 Console 日志确认替换行为。
此方法零依赖、零服务器改动、即时生效，是 Blogger 用户应对第三方资源域名迁移的首选轻量级解决方案。
