Skip to content

nyzx0322/Error-page-template-tool

Repository files navigation

错误页风格模板工具 (Error Page Style Tools)

这是一个用于管理和切换 Nginx 错误页面风格的工具集。内置了多种种不同设计风格的精美模板,支持一键切换,会自动部署对应的 HTML 文件并更新引导页 (index.html)。

无需手动编辑代码,只需运行脚本即可快速应用心仪的错误页主题,提升网站的用户体验。

🚀 使用方法 (Usage)

运行根目录下的切换脚本:

python switch_style.py

脚本启动后会显示所有可用风格的菜单,输入对应的数字编号即可立即应用。

🎨 风格预览 (Style Gallery)

本工具目前包含以下多种精心设计的主题风格。

V1: 统一风格 (Uniform)

简约、专业的基础风格,所有页面保持一致的视觉体验。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V2: 多彩风格 (Colorful)

根据 HTTP 状态码类型(4xx 客户端错误、5xx 服务端错误)自动应用不同的色系,色彩明快。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V3: 纹理风格 (Textured)

在多彩风格基础上增加了噪点纹理、动态背景图案(如波浪、圆点)和细腻的 CSS 动画。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V4: 仪表盘风格 (Dashboard)

采用左右分栏布局,左侧显示错误详情,右侧显示状态图标,类似现代 SaaS 系统的 Dashboard 界面。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V5: 独特布局 (Unique)

极具个性化的风格包。为 20 个不同的错误码(如 403, 404, 500 等)分别设计了完全独立的 HTML 结构和视觉主题,拒绝千篇一律。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V6: 赛博朋克 (Cyberpunk)

高科技感的故障艺术 (Glitch Art) 风格,包含扫描线动画、霓虹配色和机械字体,适合科技类站点。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V7: 复古 DOS (Retro)

模拟旧式 CRT 显示器和 DOS 命令行界面,带有屏幕闪烁和光标动画,情怀满满。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V8: 波普艺术 (Pop Art)

孟菲斯 (Memphis) 风格,使用高饱和度撞色、粗边框和几何图形,视觉冲击力强,活泼有趣。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V9: 瑞士风格 (Swiss)

国际主义平面设计风格,强调网格系统、巨大的排版字体和极简主义,高端大气。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V10: 新拟态 (Neumorphism)

模拟真实光影的 3D 软浮雕效果,界面柔和、现代,具有逼真的触感。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V11: 蓝图风格 (Blueprint)

工程技术风格,采用深蓝底色、网格线和手绘草图质感,仿佛是一张系统架构设计图。

引导页 (Index) 404 错误页 (404 Page)
Index 404

V12: 禅意风格 (Zen)

以自然和呼吸感为核心,使用柔和的色调和缓慢的动画,旨在缓解用户遇到错误时的焦虑情绪。

引导页 (Index) 404 错误页 (404 Page)
Index 404

🛠️ 目录结构

  • switch_style.py: 风格切换主程序
  • script/: 存放各版本风格的定义与部署脚本
  • assets/: 存放预览图片
  • *.html: 部署后生成的错误页面文件(Nginx 可直接调用)

About

这是一个用于管理和切换 Nginx 错误页面风格的工具集。内置了多种种不同设计风格的精美模板,支持一键切换,会自动部署对应的 HTML 文件并更新引导页 (`index.html`)。

Topics

Resources

License

Stars

Watchers

Forks

Contributors