1Panel默认错误页面模板：仿Win10/11蓝屏错误页面 支持PHP创建成功页面

1Panel
1

无聊写了些有意思的东西，可以在默认访问出问题的情况下显示类似于Win10/11蓝屏的报错界面
先看一下效果图，有静态页面和PHP双版本的显示源码

image
image1585×785 40 KB

静态页面版：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 Not Found</title>
  <style>
    body {
      cursor: none;
      font-family: "Segoe UI Light", "Segoe UI", Arial;
      font-weight: lighter;
    }

    .content {
      width: 700px;
      margin: 10% auto;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
    }
  </style>
</head>

<body bgcolor="#0086ac" scroll="no">
  <div class="content">
    <font size="4" color="#FFFFFF">
      <p style="font-size:100pt; margin:0; padding-bottom:20pt">:(</p>
      <p style="font-size:20pt; margin:0; padding:0">网页访问遇到问题，需要刷新。<br>可能是服务器存在故障或访问受阻，请等待。</p>
      <br>稍后将刷新网页<br><br>
      <img src="https://www.helloimg.com/i/2024/12/11/6758d9508a779.png" style="float:left;">
      <div style="float:left;margin-left:30px;width:65%;">
        <p style="font-size:14pt; color:#fff; margin-top:-30px; padding:0;line-height:32px;">
          <br>有关此问题的详细信息和可能的解决方法，请访问<br>https://openresty.org/<br><br>如果致电支持人员，请向他们提供以下信息：<br>错误代码：UNEXPECTED_ACCESS_INTERRUPTION
        </p>
      </div>
    </font>
  </div>
</body>

</html>

PHP版本：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Not Found</title>
    <style>
        body {
            cursor: none;
            font-family: "Segoe UI Light", "Segoe UI", Arial;
            font-weight: lighter;
        }

        .content {
            width: 700px;
            margin: 10% auto;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
    </style>
</head>

<body bgcolor="#0086ac" scroll="no">
    <div class="content">
        <font size="4" color="#FFFFFF">
            <p style="font-size:100pt; margin:0; padding-bottom:20pt">:(</p>
            <p style="font-size:20pt; margin:0; padding:0">网页访问遇到问题，需要刷新。<br>可能是服务器存在故障或访问受阻，请等待。</p>
            <br>稍后将刷新网页<br><br>
            <img src="https://www.helloimg.com/i/2024/12/11/6758d9508a779.png" style="float:left;">
            <div style="float:left;margin-left:30px;width:65%;">
                <p style="font-size:14pt; color:#fff; margin-top:-30px; padding:0;line-height:32px;">
                    <br>如果致电支持人员，请向他们提供以下信息：<br>
                    PHP版本：<?php echo PHP_VERSION; ?><br><br>
                    已安装的PHP扩展：<br>
                    <ol>
                        <?php
                        foreach (get_loaded_extensions() as $extension) {
                            echo "<li>{$extension} = " . phpversion($extension) . "</li>";
                        }
                        ?>
                    </ol>
                </p>
            </div>
        </font>
    </div>
</body>

</html>

下面是一些错误提示的替换字符串：
404，网站不存在：404_NOT_FOUND
新建静态页：SITE_IS_CREATED_SUCCESSFULLY
管理员关站：UNEXPECTED_ACCESS_INTERRUPTION

二维码的形式可以自行下载图床的内容使用PS查看就知道怎么仿照了，默认是跳转YTB的Never give up