404页面定制:私密文档与自动跳转
改写 404 页:私密文案 + 管理员邮箱 + 30 秒倒计时回首页:完成(2eb7eae),已重新构建(106 页)。
404 页现在的样子(删除或链接失效时访客看到):
🔒
文档已设为私密
您访问的内容已无法公开查看,
链接可能已失效或文档被移动、删除。
如需获取该文档,请联系管理员:493598104@qq.com ← 点击直接打开邮件
30 秒后自动进入首页 ← 倒数到 0 自动跳转
[← 立即返回首页] [站内搜索] ← 不想等可手动点
实现细节:
- 倒计时 30→0,用
location.replace跳首页(不留 404 页在浏览器历史里) - 邮箱是
mailto:链接,还预填了邮件主题「文档访问申请」 - 全站导航栏保留(404 页复用 layout),
noindex不变——错误页不会被搜索引擎收录 - CSS 走版本号机制,访客不会缓存旧样式
实测证据:dist/404.html 已含全部要素(标题、邮箱 ×2 处、<b>30</b>、setInterval/location.replace 脚本),资源引用 site.css?v=b3870c77 已随构建更新。
一个部署提醒:要让访客真正看到这个页面,上传 dist 时把 404.html 一起传上去,并确认你的网站主机把 404 错误页指向 /404.html(常见主机如宝塔、虚拟主机在站点设置里有「自定义错误页」选项;GitHub Pages / Cloudflare Pages 会自动用根目录 404.html)。如果没配置这一步,删除的页面会显示主机默认的白底 404,而不是这版定制页。