错误页面

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <title>珑文的博客</title>
  7.   <link rel="stylesheet" href="/public/css/bootstrap.min.css">
  8.   <link rel="stylesheet" href="/public/css/index.min.css">
  9.   <link rel="icon" href="/public/images/favicons/favicon.ico">
  10.   <style>
  11.     body {
  12.       display: flex;
  13.       flex-direction: column;
  14.       justify-content: space-between;
  15.       height: 100vh;
  16.     }
  17.   </style>
  18. </head>
  20. <body class="bg-light">
  21. <div class="bg-white shadow-light">
  22.   <header class="container index-header">
  23.     <a class="logo" href="/">
  24.       <b class="text">珑文的博客</b>
  25.       <img src="/public/images/logo.svg" alt="珑文的博客" class="img-fluid">
  26.     </a>
  28.     <nav class="core">
  29.       <a class="nav-btn active" aria-current="page" href="./web.html">前端开发</a>
  30.       <a class="nav-btn" href="./backend.html">后端开发</a>
  31.       <a class="nav-btn" href="./architect.html">系统架构</a>
  32.       <a class="nav-btn" href="./mobile.html">移动端开发</a>
  33.     </nav>
  34.   </header>
  35. </div>
  37. <div class="container px-4 my-5">
  38.   <div class="row justify-content-center">
  39.     <div class="col-sm-8 col-lg-6">
  40.       <section class="text-center">
  41.         <img class="img-fluid mb-4" src="/public/images/result/500-internal-server-error.svg" alt="">
  42.         <h1 class="lead mb-4">
  43.           珑文的博客温馨提示：404 请求的页面不存在
  44.         </h1>
  45.         <a class="btn btn-outline-primary btn-lg me-3" href="/">
  46.           返回首页
  47.         </a>
  48.       </section>
  49.     </div>
  50.   </div>
  51. </div>
  53. <footer class="main-footer">
  54.   <nav>
  55.     <a href="/" class="me-3"><strong>珑文学全栈</strong></a>
  56.     <a href="/" class="me-3"><strong>网站SEO</strong></a>
  57.     <a href="/" class="me-3"><strong>微信小程序</strong></a>
  58.   </nav>
  59.   <aside>
  60.     <small>苏ICP备12064103号</small>
  61.     Copyright © 2014-2020
  62.     <a href="/"><strong>珑文的博客</strong></a>
  63.   </aside>
  64. </footer>
  65. </body>
  66. </html>

401

没有访问权限，需要进行认证
image.png

404

image.png

403

image.png

503

image.png

500

image.png

504

image.png

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <title>珑文的博客</title>
  7.   <link rel="stylesheet" href="/public/css/bootstrap.min.css">
  8.   <link rel="stylesheet" href="/public/css/index.min.css">
  9.   <link rel="icon" href="/public/images/favicons/favicon.ico">
  10.   <style>
  11.     body {
  12.       display: flex;
  13.       flex-direction: column;
  14.       justify-content: space-between;
  15.       height: 100vh;
  16.     }
  17.   </style>
  18. </head>
  20. <body class="bg-light">
  21. <div class="bg-white shadow-light">
  22.   <header class="container index-header">
  23.     <a class="logo" href="/">
  24.       <b class="text">珑文的博客</b>
  25.       <img src="/public/images/logo.svg" alt="珑文的博客" class="img-fluid">
  26.     </a>
  28.     <nav class="core">
  29.       <a class="nav-btn active" aria-current="page" href="./web.html">前端开发</a>
  30.       <a class="nav-btn" href="./backend.html">后端开发</a>
  31.       <a class="nav-btn" href="./architect.html">系统架构</a>
  32.       <a class="nav-btn" href="./mobile.html">移动端开发</a>
  33.     </nav>
  34.   </header>
  35. </div>
  37. <div class="container px-4 my-5">
  38.   <div class="row justify-content-center">
  39.     <div class="col-sm-8 col-lg-6">
  40.       <section class="text-center">
  41.         <img class="img-fluid mb-4" src="/public/images/result/504-error-gateway-timeout.svg" alt="">
  42.         <h1 class="lead mb-4">
  43.           网关超时此问题个人无法解决，请与网站官方联系
  44.         </h1>
  45.         <a class="btn btn-outline-primary btn-lg me-3" href="/">
  46.           返回首页
  47.         </a>
  48.         <a class="btn btn-outline-secondary btn-lg" href="/">
  49.           查看企业信息化战略
  50.         </a>
  51.       </section>
  52.     </div>
  53.   </div>
  54. </div>
  56. <footer class="main-footer">
  57.   <nav>
  58.     <a href="/" class="me-3"><strong>珑文学全栈</strong></a>
  59.     <a href="/" class="me-3"><strong>网站SEO</strong></a>
  60.     <a href="/" class="me-3"><strong>微信小程序</strong></a>
  61.   </nav>
  62.   <aside>
  63.     <small>苏ICP备12064103号</small>
  64.     Copyright © 2014-2020
  65.     <a href="/"><strong>珑文的博客</strong></a>
  66.   </aside>
  67. </footer>
  68. </body>
  69. </html>