错误页面

  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>
  19. <body class="bg-light">
  20. <div class="bg-white shadow-light">
  21. <header class="container index-header">
  22. <a class="logo" href="/">
  23. <b class="text">珑文的博客</b>
  24. <img src="/public/images/logo.svg" alt="珑文的博客" class="img-fluid">
  25. </a>
  26. <nav class="core">
  27. <a class="nav-btn active" aria-current="page" href="./web.html">前端开发</a>
  28. <a class="nav-btn" href="./backend.html">后端开发</a>
  29. <a class="nav-btn" href="./architect.html">系统架构</a>
  30. <a class="nav-btn" href="./mobile.html">移动端开发</a>
  31. </nav>
  32. </header>
  33. </div>
  34. <div class="container px-4 my-5">
  35. <div class="row justify-content-center">
  36. <div class="col-sm-8 col-lg-6">
  37. <section class="text-center">
  38. <img class="img-fluid mb-4" src="/public/images/result/500-internal-server-error.svg" alt="">
  39. <h1 class="lead mb-4">
  40. 珑文的博客温馨提示:404 请求的页面不存在
  41. </h1>
  42. <a class="btn btn-outline-primary btn-lg me-3" href="/">
  43. 返回首页
  44. </a>
  45. </section>
  46. </div>
  47. </div>
  48. </div>
  49. <footer class="main-footer">
  50. <nav>
  51. <a href="/" class="me-3"><strong>珑文学全栈</strong></a>
  52. <a href="/" class="me-3"><strong>网站SEO</strong></a>
  53. <a href="/" class="me-3"><strong>微信小程序</strong></a>
  54. </nav>
  55. <aside>
  56. <small>苏ICP备12064103号</small>
  57. Copyright © 2014-2020
  58. <a href="/"><strong>珑文的博客</strong></a>
  59. </aside>
  60. </footer>
  61. </body>
  62. </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>
  19. <body class="bg-light">
  20. <div class="bg-white shadow-light">
  21. <header class="container index-header">
  22. <a class="logo" href="/">
  23. <b class="text">珑文的博客</b>
  24. <img src="/public/images/logo.svg" alt="珑文的博客" class="img-fluid">
  25. </a>
  26. <nav class="core">
  27. <a class="nav-btn active" aria-current="page" href="./web.html">前端开发</a>
  28. <a class="nav-btn" href="./backend.html">后端开发</a>
  29. <a class="nav-btn" href="./architect.html">系统架构</a>
  30. <a class="nav-btn" href="./mobile.html">移动端开发</a>
  31. </nav>
  32. </header>
  33. </div>
  34. <div class="container px-4 my-5">
  35. <div class="row justify-content-center">
  36. <div class="col-sm-8 col-lg-6">
  37. <section class="text-center">
  38. <img class="img-fluid mb-4" src="/public/images/result/504-error-gateway-timeout.svg" alt="">
  39. <h1 class="lead mb-4">
  40. 网关超时此问题个人无法解决,请与网站官方联系
  41. </h1>
  42. <a class="btn btn-outline-primary btn-lg me-3" href="/">
  43. 返回首页
  44. </a>
  45. <a class="btn btn-outline-secondary btn-lg" href="/">
  46. 查看企业信息化战略
  47. </a>
  48. </section>
  49. </div>
  50. </div>
  51. </div>
  52. <footer class="main-footer">
  53. <nav>
  54. <a href="/" class="me-3"><strong>珑文学全栈</strong></a>
  55. <a href="/" class="me-3"><strong>网站SEO</strong></a>
  56. <a href="/" class="me-3"><strong>微信小程序</strong></a>
  57. </nav>
  58. <aside>
  59. <small>苏ICP备12064103号</small>
  60. Copyright © 2014-2020
  61. <a href="/"><strong>珑文的博客</strong></a>
  62. </aside>
  63. </footer>
  64. </body>
  65. </html>