这是一个用于管理和切换 Nginx 错误页面风格的工具集。内置了多种种不同设计风格的精美模板,支持一键切换,会自动部署对应的 HTML 文件并更新引导页 (index.html)。
无需手动编辑代码,只需运行脚本即可快速应用心仪的错误页主题,提升网站的用户体验。
运行根目录下的切换脚本:
python switch_style.py脚本启动后会显示所有可用风格的菜单,输入对应的数字编号即可立即应用。
本工具目前包含以下多种精心设计的主题风格。
简约、专业的基础风格,所有页面保持一致的视觉体验。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
根据 HTTP 状态码类型(4xx 客户端错误、5xx 服务端错误)自动应用不同的色系,色彩明快。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
在多彩风格基础上增加了噪点纹理、动态背景图案(如波浪、圆点)和细腻的 CSS 动画。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
采用左右分栏布局,左侧显示错误详情,右侧显示状态图标,类似现代 SaaS 系统的 Dashboard 界面。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
极具个性化的风格包。为 20 个不同的错误码(如 403, 404, 500 等)分别设计了完全独立的 HTML 结构和视觉主题,拒绝千篇一律。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
高科技感的故障艺术 (Glitch Art) 风格,包含扫描线动画、霓虹配色和机械字体,适合科技类站点。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
模拟旧式 CRT 显示器和 DOS 命令行界面,带有屏幕闪烁和光标动画,情怀满满。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
孟菲斯 (Memphis) 风格,使用高饱和度撞色、粗边框和几何图形,视觉冲击力强,活泼有趣。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
国际主义平面设计风格,强调网格系统、巨大的排版字体和极简主义,高端大气。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
模拟真实光影的 3D 软浮雕效果,界面柔和、现代,具有逼真的触感。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
工程技术风格,采用深蓝底色、网格线和手绘草图质感,仿佛是一张系统架构设计图。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
以自然和呼吸感为核心,使用柔和的色调和缓慢的动画,旨在缓解用户遇到错误时的焦虑情绪。
| 引导页 (Index) | 404 错误页 (404 Page) |
|---|---|
![]() |
![]() |
switch_style.py: 风格切换主程序script/: 存放各版本风格的定义与部署脚本assets/: 存放预览图片*.html: 部署后生成的错误页面文件(Nginx 可直接调用)























