Browse Source

添加错误页面和欢迎页面

新增了多个4xx和5xx错误页面,以及欢迎页面和相关样式文件。这些页面包括404、500等常见错误,并提供了友好的用户提示和链接。同时,添加了项目相关的LICENSE、README和REPORT文件。
SongZihuan 3 months ago
commit
71e1a18488

+ 29 - 0
.gitignore

@@ -0,0 +1,29 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+dist-*
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+*.bak
+
+tsconfig.json
+vite.config.ts.timestamp-*

+ 8 - 0
LICENSE

@@ -0,0 +1,8 @@
+The MIT License (MIT)
+Copyright (c) 2025 宋子桓(Song Zihuan)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

+ 8 - 0
LICENSE.cn

@@ -0,0 +1,8 @@
+美国麻省理工学院授权协议(MIT LICENSE)
+版权所有(c)2025 宋子桓(Song Zihuan)
+现授予的权限,免费向任何人索取该软件和相关的文档文件( “软件” ) ,以处理软件,没有任何限制,包括但不限于使用权,复制,修改,合并,出版,发行,授权,和/或销售软件的副本,并允许的人提供的软件是这样做,但须符合下列条件:
+上述版权声明和本许可声明中应包括所有副本或实质性部分的软件。
+该软件是“按原样”提供,不做任何保证,明示或暗示,包括但不限于适销性,针对特定用途的适用性和非侵权的。在任何情况下,作者或版权持有人对任何索赔,损害赔偿或其他责任,无论是在一项行动的合同,侵权或其他因出于或有关的软件或利用等交易必须软件。
+
+以下声明非  美国麻省理工学院授权协议(MIT LICENSE) 的任何部分:
+翻译声明:这是一份  美国麻省理工学院授权协议(MIT LICENSE) 的非官方中文简体翻译。它并非  美国麻省理工学院授权协议(MIT LICENSE) 发布,也不是使用  美国麻省理工学院授权协议(MIT LICENSE) 授权的软件的法定发布条款,只有  美国麻省理工学院授权协议(MIT LICENSE) 的英文原版具有这样的效力。然而,我们希望这份翻译能够帮助中文读者更好的理解  美国麻省理工学院授权协议(MIT LICENSE) 。

+ 50 - 0
LICENSE.cn.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>美国麻省理工学院授权协议(MIT LICENSE)</title>
+    <style>
+        #license-content {
+            white-space: pre-wrap;
+            width: 80ch;
+        }
+    </style>
+</head>
+<body>
+<pre id="license-content"></pre>
+
+<hr>
+<pre>以下内容非 协议文本,提供额外信息及操作链接:</pre>
+
+<pre><a href="/LICENSE.html" target="_blank">前往浏览英文原文</a></pre>
+<pre><a href="https://mit-license.org/" target="_blank">访问 美国麻省理工学院授权协议(MIT LICENSE) 官网</a></pre>
+<pre><a href="/LICENSE.cn" target="_blank">下载协议(中文译文)文件</a></pre>
+<pre><a href="/LICENSE" target="_blank">下载协议(英文原文)文件</a></pre>
+
+<script>
+    const  LICENSE_BAK = `美国麻省理工学院授权协议(MIT LICENSE)
+版权所有(c)2025 宋子桓(Song Zihuan)
+现授予的权限,免费向任何人索取该软件和相关的文档文件( “软件” ) ,以处理软件,没有任何限制,包括但不限于使用权,复制,修改,合并,出版,发行,授权,和/或销售软件的副本,并允许的人提供的软件是这样做,但须符合下列条件:
+上述版权声明和本许可声明中应包括所有副本或实质性部分的软件。
+该软件是“按原样”提供,不做任何保证,明示或暗示,包括但不限于适销性,针对特定用途的适用性和非侵权的。在任何情况下,作者或版权持有人对任何索赔,损害赔偿或其他责任,无论是在一项行动的合同,侵权或其他因出于或有关的软件或利用等交易必须软件。
+
+以下声明非  美国麻省理工学院授权协议(MIT LICENSE) 的任何部分:
+翻译声明:这是一份  美国麻省理工学院授权协议(MIT LICENSE) 的非官方中文简体翻译。它并非  美国麻省理工学院授权协议(MIT LICENSE) 发布,也不是使用  美国麻省理工学院授权协议(MIT LICENSE) 授权的软件的法定发布条款,只有  美国麻省理工学院授权协议(MIT LICENSE) 的英文原版具有这样的效力。然而,我们希望这份翻译能够帮助中文读者更好的理解  美国麻省理工学院授权协议(MIT LICENSE) 。`
+
+    fetch('/LICENSE.cn')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        })
+        .then(licenseText => {
+            document.getElementById('license-content').innerText = licenseText;
+        })
+        .catch(error => {
+            document.getElementById('license-content').innerText =  协议_BAK;
+            console.error('There has been a problem with your fetch operation:', error);
+        });
+</script>
+</body>
+</html>

+ 49 - 0
LICENSE.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>MIT LICENSE</title>
+    <style>
+        #license-content {
+            white-space: pre-wrap;
+            width: 80ch;
+        }
+    </style>
+</head>
+<body>
+<pre id="license-content"></pre>
+
+<hr>
+<pre>以下内容非LICENSE文本,提供额外信息及操作链接:</pre>
+
+<pre><a href="/LICENSE.cn.html" target="_blank">前往浏览中文译文</a></pre>
+<pre><a href="https://mit-license.org/" target="_blank">访问 MIT License 官网</a></pre>
+<pre><a href="/LICENSE" target="_blank">下载 LICENSE 文件</a></pre>
+
+<script>
+    const LICENSE_BAK = `The MIT License (MIT)
+Copyright © 2025 宋子桓(Song Zihuan)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.`
+
+    fetch('/LICENSE')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            return response.text();
+        })
+        .then(licenseText => {
+            document.getElementById('license-content').innerText = licenseText;
+        })
+        .catch(error => {
+            document.getElementById('license-content').innerText = LICENSE_BAK;
+            console.error('There has been a problem with your fetch operation:', error);
+        });
+</script>
+</body>
+</html>

+ 17 - 0
README

@@ -0,0 +1,17 @@
+Simple Welcome Page (SIMPLE-HTML)
+====================================
+This is a simple welcome page. I used static HTML+CSS+JS for coding.
+The index.new.html page can be used as your default website page.
+The error code page is in the error folder.
+Note: The `.signal.html` file is a file after inline style. It can be used as a separate page.
+
+Author: 宋子桓 (Song Zihuan)
+Author Github: https://github.com/SongZihuan
+Author homepage: https://song-zh.com
+Author email: songzihuan@song-zh.com
+
+Project hosting address: https://github.com/SongZihuan/simple-html
+
+Last updated: January 19, 2025.
+
+备注:以上README为作者原文。

+ 16 - 0
README.en

@@ -0,0 +1,16 @@
+Simple welcome page (SIMPLE-HTML)
+=====================================
+This is a simple welcome page. I used static HTML+CSS+JS for coding.
+The index.new.html page can be used as your default website page.
+The error code page is in the error folder.
+Note: The `.signal.html` file is a file after inline style. It can be used as a separate page.
+
+Author: 宋子桓(Song Zihuan)
+Author Github: https://github.com/SongZihuan
+Author Email: songzihuan@song-zh.com
+
+Project hosting address: https://github.com/SongZihuan/simple-html
+
+Last updated: January 19, 2025.
+
+Note: The above text is machine translated.

+ 15 - 0
REEPORT

@@ -0,0 +1,15 @@
+如何报告 Simple-HTML
+
+作者:宋子桓(Song Zihuan)
+作者 Github:https://github.com/SongZihuan
+作者主页:https://song-zh.com
+作者邮箱:songzihuan@song-zh.com
+
+Github:https://github.com/SongZihuan/simple-html
+Github Issues:https://github.com/SongZihuan/simple-html/issues
+
+报告:您可以通过 Github Issues 或作者邮箱报告问题并联系作者。
+质量保证:如果您仅拥有此项目根目录下的 LICENSE 文件中的许可证,您将无法获得任何质量保证。但作者很乐意为您解决问题,除非此项目已存档为只读。
+其他 Fork 版本:请联系 Fork 版本的作者寻求帮助。
+
+备注:以上REPORT为作者原文。

+ 15 - 0
REPORT.en

@@ -0,0 +1,15 @@
+How to report of simple-html
+
+Author: 宋子桓(Song Zihuan)
+Author Github: https://github.com/SongZihuan
+Author Website: https://song-zh.com
+Author Email: songzihuan@song-zh.com
+
+Github: https://github.com/SongZihuan/simple-html
+Github Issues: https://github.com/SongZihuan/simple-html/issues
+
+Report: You can report issues and contact the author through Github Issues or Author Email.
+Quality Assurance: If you only have the license in the LICENSE file in the root directory of this project, you will not get any quality assurance. But the author is happy to solve the problem for you, unless this project has been archived as read-only.
+Other Fork versions: Please contact the author of the Fork version for assistance.
+
+Note: The above text is machine translated.

+ 31 - 0
asset/style/error/404.css

@@ -0,0 +1,31 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f8f8f8;
+}
+
+h1 {
+    font-size: 7em;
+    margin-bottom: 0.5em;
+    color: #cc0000;
+}
+
+h2 {
+    font-size: 2em;
+    color: #666;
+}
+
+p {
+    font-size: 1.2em;
+    color: #333;
+}
+
+a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}

+ 17 - 0
asset/style/error/4xx.css

@@ -0,0 +1,17 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f8f9fa;
+}
+
+h1 {
+    font-size: 4em;
+    margin-bottom: 10px;
+    color: #dc3545;
+}
+
+p {
+    font-size: 1.5em;
+    color: #6c757d;
+}

+ 15 - 0
asset/style/error/5xx.css

@@ -0,0 +1,15 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin-top: 50px;
+}
+
+h1 {
+    font-size: 3em;
+    color: #990000;
+}
+
+p {
+    font-size: 1.5em;
+    color: #666;
+}

+ 26 - 0
asset/style/index/index.css

@@ -0,0 +1,26 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f0f0f0;
+}
+
+h1 {
+    color: #333;
+    margin-bottom: 20px;
+}
+
+a {
+    color: #007BFF;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #0056b3;
+}
+
+p {
+    color: #666;
+    line-height: 1.5;
+}

+ 22 - 0
asset/style/index/new.css

@@ -0,0 +1,22 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 50px;
+    background-color: #f0f8ff;
+}
+
+h1 {
+    color: #007bff;
+    margin-bottom: 30px;
+}
+
+p {
+    font-size: 18px;
+    line-height: 1.5;
+}
+
+.success-icon {
+    font-size: 100px;
+    color: #4CAF50;
+    margin-bottom: 20px;
+}

+ 12 - 0
error/4xx/400.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Error 400</title>
+    <link rel="stylesheet" href="/asset/style/error/4xx.css">
+</head>
+<body>
+<h1>Error 400 - Bad Request</h1>
+<p>The request sent to the server was invalid or cannot be otherwise served.</p>
+</body>
+</html>

+ 14 - 0
error/4xx/403.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>403 Forbidden</title>
+  <link rel="stylesheet" href="/asset/style/error/4xx.css">
+</head>
+<body>
+<h1>403</h1>
+<p>Forbidden</p>
+<p>The requested resource is forbidden.</p>
+</body>
+</html>

+ 20 - 0
error/4xx/404.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>404 Error - Page Not Found</title>
+  <link rel="stylesheet" href="/asset/style/error/404.css">
+</head>
+<body>
+<h1>404</h1>
+<h2>Oops! The page you're looking for isn't here.</h2>
+<p>We can't seem to find the page you were trying to reach. This might be because of:</p>
+<ul>
+  <li>An outdated link</li>
+  <li>A mistyped address</li>
+  <li>Or the page has been moved</li>
+</ul>
+<p>Try going back to the <a href="/">homepage</a> or contact us if the problem persists.</p>
+</body>
+</html>

+ 57 - 0
error/4xx/404.signal.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!--
+  此HTML文件已被压缩为单一文件,无需额外加载样式表或脚本。
+  所有必要的样式已内联编写,确保页面在无外部资源的情况下正常显示。
+  这样的设计有利于简化部署和提高加载速度,特别适合静态页面展示。
+  -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>404 Error - Page Not Found</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      text-align: center;
+      padding-top: 50px;
+      background-color: #f8f8f8;
+    }
+
+    h1 {
+      font-size: 7em;
+      margin-bottom: 0.5em;
+      color: #cc0000;
+    }
+
+    h2 {
+      font-size: 2em;
+      color: #666;
+    }
+
+    p {
+      font-size: 1.2em;
+      color: #333;
+    }
+
+    a {
+      color: #007bff;
+      text-decoration: none;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+  </style>
+</head>
+<body>
+<h1>404</h1>
+<h2>Oops! The page you're looking for isn't here.</h2>
+<p>We can't seem to find the page you were trying to reach. This might be because of:</p>
+<ul>
+  <li>An outdated link</li>
+  <li>A mistyped address</li>
+  <li>Or the page has been moved</li>
+</ul>
+<p>Try going back to the <a href="/">homepage</a> or contact us if the problem persists.</p>
+</body>
+</html>

+ 14 - 0
error/4xx/405.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>405 Method Not Allowed</title>
+    <link rel="stylesheet" href="/asset/style/error/4xx.css">
+</head>
+<body>
+<h1>405 Method Not Allowed</h1>
+<p>The method specified in the Request-Line is not allowed for the resource identified by the Request-URI.</p>
+<p>Please refer to our <a href="/">homepage</a> or contact support if you need assistance.</p>
+</body>
+</html>

+ 14 - 0
error/4xx/4xx.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Client Error Page</title>
+    <link rel="stylesheet" href="/asset/style/error/4xx.css">
+</head>
+<body>
+<h1>Client Error</h1>
+<p>Sorry, but the page you are looking for cannot be accessed.</p>
+<p>If you believe this is an error, please check the URL or contact support.</p>
+</body>
+</html>

+ 14 - 0
error/5xx/500.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>500 Internal Server Error</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>500</h1>
+<p>Oops! Something went wrong on our end.</p>
+<p>We're working on getting it fixed. Please try again later.</p>
+</body>
+</html>

+ 30 - 0
error/5xx/500.signal.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>500 Internal Server Error</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            margin-top: 50px;
+        }
+
+        h1 {
+            font-size: 3em;
+            color: #990000;
+        }
+
+        p {
+            font-size: 1.5em;
+            color: #666;
+        }
+    </style>
+</head>
+<body>
+<h1>500</h1>
+<p>Oops! Something went wrong on our end.</p>
+<p>We're working on getting it fixed. Please try again later.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/501.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>501 Internal Server Error</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>501 Internal Server Error</h1>
+<p>The server encountered an unexpected condition which prevented it from fulfilling the request.</p>
+<p>Sorry, the requested feature is not implemented yet or is currently unavailable.</p>
+</body>
+</html>

+ 12 - 0
error/5xx/502.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>502 Bad Gateway</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+    <h1>502 Bad Gateway</h1>
+    <p>The server, while acting as a gateway or proxy, received an invalid response from the upstream server.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/503.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>503 Service Unavailable</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>503 Service Unavailable</h1>
+<p>The service is temporarily unavailable. Please try again later.</p>
+<!-- Add custom styling or additional content as needed -->
+</body>
+</html>

+ 12 - 0
error/5xx/504.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>504 Gateway Timeout</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>504 Gateway Timeout</h1>
+<p>The server acting as a gateway or proxy did not receive a timely response from the upstream server.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/505.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>505 HTTP Version Not Supported</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>505 HTTP Version Not Supported</h1>
+<p>The HTTP version used in the request is not supported by the server.</p>
+<p>Please check your client's HTTP protocol version and try again.</p>
+</body>
+</html>

+ 12 - 0
error/5xx/506.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Error 506</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>Error 506: Loop Detected</h1>
+<p>The server detected an infinite loop while processing your request.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/507.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>507 Insufficient Storage</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>507 Insufficient Storage</h1>
+<p>The method could not be performed on the resource because the server is unable to store the representation needed to
+    successfully complete the request.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/508.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Error 508 - Resource Limit Is Reached</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>Error 508</h1>
+<p>The request could not be completed because the server has reached its resource limit.</p>
+<p>Please try again later or contact the system administrator if the issue persists.</p>
+</body>
+</html>

+ 13 - 0
error/5xx/509.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>509 Bandwidth Limit Exceeded</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>509 Bandwidth Limit Exceeded</h1>
+<p>The server has exceeded the bandwidth specified for this resource.</p>
+<p>Please try again later or contact the server administrator for assistance.</p>
+</body>
+</html>

+ 12 - 0
error/5xx/510.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Error 510</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>Error 510 - Gateway Error</h1>
+<p>The server acting as a gateway or proxy received an invalid response from the upstream server.</p>
+</body>
+</html>

+ 15 - 0
error/5xx/511.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>511 Network Authentication Required</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>511 Network Authentication Required</h1>
+<p>
+    The client needs to authenticate to gain network access.
+    Contact your network administrator for assistance.
+</p>
+</body>
+</html>

+ 14 - 0
error/5xx/5xx.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Server Error</title>
+    <link rel="stylesheet" href="/asset/style/error/5xx.css">
+</head>
+<body>
+<h1>Server Error</h1>
+<p>We're sorry, the server encountered an error and could not complete your request.</p>
+<p>Please try again later or contact the system administrator.</p>
+</body>
+</html>

+ 19 - 0
index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <title>欢迎访问</title>
+    <link rel="stylesheet" href="/asset/style/index/index.css">
+</head>
+<body>
+<h1>欢迎光临!</h1>
+<p>我是宋子桓(Song Zihuan),非常欢迎你访问这个站点。</p>
+<p>非常荣幸您能访问我的博客:<a href="https://song-zh.com" target="_blank">Song's Blog</a></p>
+<p>同时,也欢迎您浏览我的GitHub仓库:<a href="https://github.com/SongZihuan" target="_blank">Song Zihuan on GitHub</a></p>
+<p>希望您在这里能找到有趣的内容和灵感!祝您访问愉快!</p>
+
+<p>此作品遵循 <a href="./LICENSE.html" target="_blank">MIT 协议</a> 发布。</p>
+<p>Copyright (c) 宋子桓(Song Zihuan)。</p>
+
+</body>
+</html>

+ 16 - 0
index.new.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>站点建设成功</title>
+    <link rel="stylesheet" href="/asset/style/index/new.css">
+
+</head>
+<body>
+<div class="success-icon">&#128512;</div>
+<h1>站点建设成功!</h1>
+<p>恭喜您,站点已成功搭建完成。现在您可以开始发布内容和定制您的网站了。</p>
+<p>祝您在互联网世界中探索无限可能!</p>
+</body>
+</html>

+ 43 - 0
index.new.signal.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <!--
+    此HTML文件已被压缩为单一文件,无需额外加载样式表或脚本。
+    所有必要的样式已内联编写,确保页面在无外部资源的情况下正常显示。
+    这样的设计有利于简化部署和提高加载速度,特别适合静态页面展示。
+    -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>站点建设成功</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            padding-top: 50px;
+            background-color: #f0f8ff;
+        }
+
+        h1 {
+            color: #007bff;
+            margin-bottom: 30px;
+        }
+
+        p {
+            font-size: 18px;
+            line-height: 1.5;
+        }
+
+        .success-icon {
+            font-size: 100px;
+            color: #4CAF50;
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+<div class="success-icon">&#128512;</div>
+<h1>站点建设成功!</h1>
+<p>恭喜您,站点已成功搭建完成。现在您可以开始发布内容和定制您的网站了。</p>
+<p>祝您在互联网世界中探索无限可能!</p>
+</body>
+</html>