EdgeOne Error Pages

用于 EdgeOne Pages 的静态错误页面，支持 4xx/5xx 错误码展示。

.
├── index.html      # 错误页面索引导航（展示页）
├── error.css       # 错误页面样式
├── error.js        # 错误页面逻辑
├── 4xx.html        # 4xx 兜底页面
├── 5xx.html        # 5xx 兜底页面
├── 400.html        # Bad Request
├── 401.html        # Unauthorized
├── 403.html        # Forbidden
├── 404.html        # Not Found
├── ...             # 其他错误页面
└── 526.html        # Invalid SSL Certificate

所有错误页面 HTML 文件均采用极简压缩格式，远小于 2KB 限制。

400, 401, 403, 404, 405, 406, 407, 408, 409, 410, 412, 413, 414, 415, 416, 421, 422, 425, 426, 428, 429, 431, 451

500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511, 520, 521, 522, 523, 524, 525, 526

• 极简 HTML - 页面仅做数据标记，大小控制在 630 字节以内
• 外置资源 - CSS/JS 完全外置，便于缓存和复用
• 响应式设计 - 完整适配移动端和桌面端
• 亮/暗主题 - 自动检测系统偏好，支持手动切换
• 色调区分 - 不同错误类型使用不同颜色主题
• SVG 图标 - 使用 Data URI 内嵌矢量图标
• 请求详情 - 动态获取并展示请求 ID、IP、时间等信息

将所有文件部署至 EdgeOne Pages 静态托管，配置对应错误码的回退页面：

404 → 404.html
500 → 500.html
...

或使用兜底页面：

4xx → 4xx.html
5xx → 5xx.html

打开 index.html 可预览所有错误页面。

MIT