feat:添加404文件等

css/index.css

+html,
+body {
+  padding: 0;
+  margin: 0;
+  overflow-x: hidden;
+}
+@keyframes circle {
+  0% {
+    opacity: 0.6;
+    width: 100%;
+    height: 100%;
+  }
+  25% {
+    opacity: 0.4;
+    width: 115%;
+    height: 115%;
+  }
+  50% {
+    opacity: 0.2;
+    width: 130%;
+    height: 130%;
+  }
+  75% {
+    opacity: 0.1;
+    width: 145%;
+    height: 145%;
+  }
+  100% {
+    opacity: 0;
+    width: 160%;
+    height: 160%;
+  }
+}
+.pages_index img {
+  display: block;
+}
+.pages_index a {
+  text-decoration: none;
+}
+.pages_index ul,
+.pages_index li {
+  list-style: none;
+}
+.pages_index .w {
+  max-width: 1440px;
+  margin: 0 auto;
+  margin-top: -138px;
+  position: relative;
+  z-index: 2;
+}
+.pages_index .w2 {
+  max-width: 1024px;
+  margin: 0 auto;
+}
+.pages_index .banner {
+  position: relative;
+}
+.pages_index .banner .codechina {
+  position: absolute;
+  width: 8.2%;
+  height: 4.2%;
+  top: 2.8%;
+  left: 11.6%;
+}
+.pages_index .banner .help {
+  position: absolute;
+  width: 10%;
+  height: 4.2%;
+  top: 2.8%;
+  left: 23%;
+}
+.pages_index .title {
+  padding: 0 270px;
+  box-sizing: border-box;
+  background: url(../img/title_l.png) left no-repeat, url(../img/title_r.png) right no-repeat;
+  width: max-content;
+  margin: 80px auto;
+  font-size: 40px;
+  font-weight: 500;
+  margin-top: 120px;
+}
+.pages_index p {
+  font-size: 25px;
+  color: #172853;
+  text-align: center;
+  margin-bottom: 60px;
+}
+.pages_index .tab {
+  border: 2px solid #4e5595;
+  border-radius: 8px;
+  width: 650px;
+  height: 64px;
+  margin: 0 auto;
+  line-height: 64px;
+  display: flex;
+  justify-content: space-between;
+}
+.pages_index .tab .item {
+  color: #172853;
+  font-size: 25px;
+  width: 50%;
+  text-align: center;
+  height: 100%;
+  cursor: pointer;
+}
+.pages_index .tab .item.active {
+  background: #4e5595;
+  color: #fff;
+}
+.pages_index h3 {
+  text-align: center;
+  font-size: 30px;
+  color: #172853;
+  margin: 100px 0;
+}
+.pages_index .project_list {
+  display: flex;
+  justify-content: space-between;
+}
+.pages_index .project_list .item {
+  display: flex;
+}
+.pages_index .project_list .item img {
+  width: 200px;
+  height: 272px;
+  border-radius: 8px;
+}
+.pages_index .project_list .item ul {
+  flex: 1;
+  padding: 0 32px;
+  margin: 0;
+}
+.pages_index .project_list .item ul li {
+  font-size: 25px;
+}
+.pages_index .project_list .item ul li + li {
+  margin-top: 33px;
+}
+.pages_index .project_list .item ul .bookname {
+  font-size: 30px;
+  font-weight: 500;
+  color: #172853;
+}
+.pages_index .project_list .item ul a,
+.pages_index .project_list .item ul span {
+  margin-left: 24px;
+}
+.pages_index .project_list .item ul a {
+  color: #409eff;
+  text-decoration: underline;
+}
+.pages_index .project_list .item ul .desc {
+  font-size: 16px;
+  color: #4c4c4c;
+  padding: 18px 22px;
+  background: rgba(251, 239, 216, 0.5);
+  border-radius: 8px;
+}
+.pages_index .steps {
+  margin-top: 100px;
+}
+.pages_index .steps .step_item {
+  border-left: 3px solid #4e5595;
+  position: relative;
+  padding-left: 70px;
+  color: #172853;
+  padding-bottom: 100px;
+}
+.pages_index .steps .step_item.hidden {
+  display: none;
+}
+.pages_index .steps .step_item:last-child {
+  border: none;
+}
+.pages_index .steps .step_item::before,
+.pages_index .steps .step_item::after {
+  display: block;
+  content: "";
+  height: 1px;
+}
+.pages_index .steps .step_item img {
+  border: 2px solid #409eff;
+  border-radius: 8px;
+  margin-top: 50px;
+}
+.pages_index .steps .step_item .index {
+  position: absolute;
+  width: 64px;
+  height: 64px;
+  line-height: 64px;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  top: 0px;
+  left: -32px;
+  background: #4e5595;
+  border-radius: 50%;
+}
+.pages_index .steps .step_item h4 {
+  font-size: 25px;
+  margin: 14px 0;
+}
+.pages_index .steps .step_item p {
+  font-size: 20px;
+  text-align: left;
+  margin: 40px 0;
+}
+.pages_index .steps .step_item code {
+  display: block;
+  color: #fff;
+  background: #3d3d3d;
+  font-size: 20px;
+  position: relative;
+  border-radius: 8px;
+  border: 1px solid #3d3d3d;
+  overflow: hidden;
+  padding: 48px 20px 20px;
+  line-height: 36px;
+}
+.pages_index .steps .step_item code::before {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 28px;
+  background: #c4c4c4;
+  top: 0;
+  left: 0;
+}
+.pages_index .visit {
+  width: 156px;
+  margin: 30px auto;
+  position: relative;
+}
+.pages_index .visit img {
+  width: 156px;
+  height: 156px;
+  border-radius: 50%;
+  cursor: pointer;
+  position: relative;
+  z-index: 9;
+}
+.pages_index .visit .circle {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  border: 5px solid #4e5595;
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  animation: circle 4s linear infinite;
+}
+.pages_index .visit .circle.circle2 {
+  animation-delay: 1.3s;
+}
+.pages_index .visit .circle.circle3 {
+  animation-delay: 2.5s;
+}
+.pages_index .buttons {
+  display: flex;
+  justify-content: space-between;
+  margin: 100px auto 200px;
+}
+.pages_index .buttons .btn {
+  width: 288px;
+  height: 64px;
+  line-height: 64px;
+  text-align: center;
+  font-size: 25px;
+  color: #172853;
+  border: 2px solid #4e5595;
+  border-radius: 8px;
+  display: block;
+  box-sizing: border-box;
+  cursor: pointer;
+  font-weight: 500;
+}
+.pages_index .buttons .btn.active {
+  border: none;
+  background: linear-gradient(90deg, #78568c 0%, #4e5595 100%);
+  color: #fff;
+}
+.pages_index .footer {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 20px;
+  height: 102px;
+  line-height: 102px;
+  background: #4e5595;
+}

css/index.less

+html,
+body {
+  padding: 0;
+  margin: 0;
+  overflow-x: hidden;
+}
+@keyframes circle {
+  0% {
+    opacity: 0.6;
+    width: 100%;
+    height: 100%;
+  }
+  25% {
+    opacity: 0.4;
+    width: 115%;
+    height: 115%;
+  }
+  50% {
+    opacity: 0.2;
+    width: 130%;
+    height: 130%;
+  }
+  75% {
+    opacity: 0.1;
+    width: 145%;
+    height: 145%;
+  }
+  100% {
+    opacity: 0;
+    width: 160%;
+    height: 160%;
+  }
+}
+.pages_index {
+  img {
+    display: block;
+  }
+  a {
+    text-decoration: none;
+  }
+  ul,
+  li {
+    list-style: none;
+  }
+  .w {
+    max-width: 1440px;
+    margin: 0 auto;
+    margin-top: -138px;
+    position: relative;
+    z-index: 2;
+  }
+  .w2 {
+    max-width: 1024px;
+    margin: 0 auto;
+  }
+  .banner {
+    position: relative;
+    .codechina {
+      position: absolute;
+      width: 8.2%;
+      height: 4.2%;
+      top: 2.8%;
+      left: 11.6%;
+    }
+    .help {
+      position: absolute;
+      width: 10%;
+      height: 4.2%;
+      top: 2.8%;
+      left: 23%;
+    }
+  }
+  .title {
+    padding: 0 270px;
+    box-sizing: border-box;
+    background: url(../img/title_l.png) left no-repeat,
+      url(../img/title_r.png) right no-repeat;
+    width: max-content;
+    margin: 80px auto;
+    font-size: 40px;
+    font-weight: 500;
+    margin-top: 120px;
+  }
+  p {
+    font-size: 25px;
+    color: #172853;
+    text-align: center;
+    margin-bottom: 60px;
+  }
+  .tab {
+    border: 2px solid #4e5595;
+    border-radius: 8px;
+    width: 650px;
+    height: 64px;
+    margin: 0 auto;
+    line-height: 64px;
+    display: flex;
+    justify-content: space-between;
+    .item {
+      color: #172853;
+      font-size: 25px;
+      width: 50%;
+      text-align: center;
+      height: 100%;
+      cursor: pointer;
+      &.active {
+        background: #4e5595;
+        color: #fff;
+      }
+    }
+  }
+  h3 {
+    text-align: center;
+    font-size: 30px;
+    color: #172853;
+    margin: 100px 0;
+  }
+  .project_list {
+    display: flex;
+    justify-content: space-between;
+    .item {
+      display: flex;
+      img {
+        width: 200px;
+        height: 272px;
+        border-radius: 8px;
+      }
+      ul {
+        flex: 1;
+        padding: 0 32px;
+        margin: 0;
+        li {
+          font-size: 25px;
+          & + li {
+            margin-top: 33px;
+          }
+        }
+        .bookname {
+          font-size: 30px;
+          font-weight: 500;
+          color: #172853;
+        }
+        a,
+        span {
+          margin-left: 24px;
+        }
+        a {
+          color: #409eff;
+          text-decoration: underline;
+        }
+        .desc {
+          font-size: 16px;
+          color: #4c4c4c;
+          padding: 18px 22px;
+          background: rgba(251, 239, 216, 0.5);
+          border-radius: 8px;
+        }
+      }
+    }
+  }
+  .steps {
+    margin-top: 100px;
+    .step_item {
+      border-left: 3px solid #4e5595;
+      position: relative;
+      padding-left: 70px;
+      color: #172853;
+      padding-bottom: 100px;
+      &.hidden {
+        display: none;
+      }
+      &:last-child {
+        border: none;
+      }
+      &::before,
+      &::after {
+        display: block;
+        content: "";
+        height: 1px;
+      }
+      img {
+        border: 2px solid #409eff;
+        border-radius: 8px;
+        margin-top: 50px;
+      }
+      .index {
+        position: absolute;
+        width: 64px;
+        height: 64px;
+        line-height: 64px;
+        text-align: center;
+        font-size: 30px;
+        color: #fff;
+        top: 0px;
+        left: -32px;
+        background: #4e5595;
+        border-radius: 50%;
+      }
+      h4 {
+        font-size: 25px;
+        margin: 14px 0;
+      }
+      p {
+        font-size: 20px;
+        text-align: left;
+        margin: 40px 0;
+      }
+      code {
+        display: block;
+        color: #fff;
+        background: #3d3d3d;
+        font-size: 20px;
+        position: relative;
+        border-radius: 8px;
+        border: 1px solid #3d3d3d;
+        overflow: hidden;
+        padding: 48px 20px 20px;
+        line-height: 36px;
+        &::before {
+          position: absolute;
+          content: "";
+          width: 100%;
+          height: 28px;
+          background: #c4c4c4;
+          top: 0;
+          left: 0;
+        }
+      }
+    }
+  }
+  .visit {
+    width: 156px;
+    margin: 30px auto;
+    position: relative;
+    img {
+      width: 156px;
+      height: 156px;
+      border-radius: 50%;
+      cursor: pointer;
+      position: relative;
+      z-index: 9;
+    }
+    .circle {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      border: 5px solid #4e5595;
+      box-sizing: border-box;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      -o-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+      -moz-transform: translate(-50%, -50%);
+      -webkit-transform: translate(-50%, -50%);
+      animation: circle 4s linear infinite;
+      &.circle2 {
+        animation-delay: 1.3s;
+      }
+      &.circle3 {
+        animation-delay: 2.5s;
+      }
+    }
+  }
+  .buttons {
+    display: flex;
+    justify-content: space-between;
+    margin: 100px auto 200px;
+    .btn {
+      width: 288px;
+      height: 64px;
+      line-height: 64px;
+      text-align: center;
+      font-size: 25px;
+      color: #172853;
+      border: 2px solid #4e5595;
+      border-radius: 8px;
+      display: block;
+      box-sizing: border-box;
+      cursor: pointer;
+      font-weight: 500;
+      &.active {
+        border: none;
+        background: linear-gradient(90deg, #78568c 0%, #4e5595 100%);
+        color: #fff;
+      }
+    }
+  }
+  .footer {
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-size: 20px;
+    height: 102px;
+    line-height: 102px;
+    background: #4e5595;
+  }
+}

index.html

 <!DOCTYPE html>
-<html class="" lang="zh-CN">
-  <head prefix="og: http://ogp.me/ns#">
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-
-    <meta content="object" property="og:type" />
-    <meta content="开源开发者加速空间" property="og:site_name" />
-    <meta content="" property="og:title" />
-    <meta content="开源开发者加速空间——开源代码托管平台，独立第三方开源社区，Git/Github/Gitlab" property="og:description" />
-    <meta content="https://codechina.csdn.net/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png" property="og:image" />
-    <meta content="64" property="og:image:width" />
-    <meta content="64" property="og:image:height" />
-    <meta content="https://codechina.csdn.net/about" property="og:url" />
-    <meta content="summary" property="twitter:card" />
-    <meta content="" property="twitter:title" />
-    <meta content="开源开发者加速空间——开源代码托管平台，独立第三方开源社区，Git/Github/Gitlab" property="twitter:description" />
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
     <meta
-      content="https://codechina.csdn.net/assets/gitlab_logo-7ae504fe4f68fdebb3c2034e36621930cd36ea87924c11ff65dbcb8ed50dca58.png"
-      property="twitter:image"
+      name="viewport"
+      content="width=1440, user-scalable=no, target-densitydpi=device-dpi"
     />
-
-    <title>开源开发者加速空间</title>
-    <meta content="开源开发者加速空间——开源代码托管平台，独立第三方开源社区，Git/Github/Gitlab" name="description" />
+    <link rel="stylesheet" href="./css/index.css" />
     <link
       rel="shortcut icon"
       type="image/png"
       href="https://codechina.csdn.net/uploads/-/system/appearance/favicon/1/logo_icon.png"
-      id="favicon"
-      data-original-href="/uploads/-/system/appearance/favicon/1/logo_icon.png"
     />
-    <link rel="stylesheet" media="all" href="./files/application-02196449c8f43ea4616587c7d6636b2d037a337d19b0c51d855ed889d9611e4e.css" />
-
-    <link rel="stylesheet" media="all" href="./files/swiper-bundle.min-8d358a9020d77721eef8b020cd0660bce5742b38613df96592c618cf16318129.css" />
-    <link rel="stylesheet" media="all" href="./files/index-f06c7da1ca9813f38ceb40d9bca4f17f1fe3d9204302e3a5da78d4a667685535.css" />
-  
-    <meta name="csrf-param" content="authenticity_token" />
-    <meta name="csrf-token" content="afgnk43EDqvDFPFJy1q1lDjQaTMQZaVrQlbqJfmq0LBmY4bX3FaALzbtZ3I8T/iH49DzGt0AiVjqU+aK6LDqdg==" />
-    <meta name="csp-nonce" content="SlX8f0cGCG5+91b3s42LKQ==" />
-    <meta name="action-cable-url" content="/-/cable" />
-    <meta content="origin-when-cross-origin" name="referrer" />
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
-    <meta content="#474D57" name="theme-color" />
-    <link
-      rel="apple-touch-icon"
-      type="image/x-icon"
-      href="https://codechina.csdn.net/assets/touch-icon-iphone-5a9cee0e8a51212e70b90c87c12f382c428870c0ff67d1eb034d884b78d2dae7.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      type="image/x-icon"
-      href="https://codechina.csdn.net/assets/touch-icon-ipad-a6eec6aeb9da138e507593b464fdac213047e49d3093fc30e90d9a995df83ba3.png"
-      sizes="76x76"
-    />
-    <link
-      rel="apple-touch-icon"
-      type="image/x-icon"
-      href="https://codechina.csdn.net/assets/touch-icon-iphone-retina-72e2aadf86513a56e050e7f0f2355deaa19cc17ed97bbe5147847f2748e5a3e3.png"
-      sizes="120x120"
-    />
-    <link
-      rel="apple-touch-icon"
-      type="image/x-icon"
-      href="https://codechina.csdn.net/assets/touch-icon-ipad-retina-8ebe416f5313483d9c1bc772b5bbe03ecad52a54eba443e5215a22caed2a16a2.png"
-      sizes="152x152"
-    />
-    <link
-      color="rgb(226, 67, 41)"
-      href="https://codechina.csdn.net/assets/logo-d36b5212042cebc89b96df4bf6ac24e43db316143e89926c0db839ff694d2de4.svg"
-      rel="mask-icon"
-    />
-    <meta content="/assets/msapplication-tile-1196ec67452f618d39cdd85e2e3a542f76574c071051ae7effbfde01710eb17d.png" name="msapplication-TileImage" />
-    <meta content="#30353E" name="msapplication-TileColor" />
+    <title>CODE CHINA</title>
   </head>
-
-  <body class="ui-indigo tab-width-8 gl-browser-chrome gl-platform-mac" data-page="about:index">
-    <svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
-      <symbol id="icon-guoji" viewBox="0 0 1024 1024">
-        <path
-          d="M512 80C273.6 80 80 273.6 80 512s193.6 432 432 432 432-193.6 432-432S750.4 80 512 80z m366.4 400h-112c-4.8-118.4-36.8-222.4-86.4-294.4C790.4 241.6 867.2 352 878.4 480zM480 148.8V480H321.6C328 315.2 395.2 177.6 480 148.8z m0 395.2v331.2C395.2 846.4 328 708.8 321.6 544H480z m64 331.2V544h158.4C696 708.8 628.8 846.4 544 875.2z m0-395.2V148.8c84.8 28.8 152 166.4 158.4 331.2H544zM342.4 185.6c-49.6 72-81.6 176-86.4 294.4H144c12.8-128 89.6-238.4 198.4-294.4zM145.6 544h112c4.8 118.4 36.8 222.4 86.4 294.4C233.6 782.4 156.8 672 145.6 544z m536 294.4c49.6-72 81.6-176 86.4-294.4h112c-12.8 128-89.6 238.4-198.4 294.4z"
-        ></path>
-      </symbol>
-      <symbol id="icon-disanfangguanlian" viewBox="0 0 1024 1024">
-        <path
-          d="M865.004 167.069c-10.794-9.687-24.91-15.085-39.579-15.085-1.383 0-2.629 0-4.013 0.139-0.831 0.139-10.102 0.692-24.771 0.692-24.218 0-71.408-1.522-116.107-12.178-57.708-13.7-124.411-77.083-143.785-89.675-9.687-6.227-21.034-9.41-32.244-9.41s-22.42 3.182-32.244 9.41c-2.353 1.522-72.1 73.484-140.324 89.675-44.699 10.655-92.72 12.178-116.938 12.178-14.53 0-23.941-0.554-24.771-0.692-1.246-0.139-2.629-0.139-3.875-0.139-14.67 0-28.924 5.396-39.717 15.085-11.763 10.655-18.405 25.325-18.405 40.825v140.048c0 517.846 351.089 584.411 366.034 587.04a63.84 63.84 0 0 0 10.241 0.831c3.46 0 6.918-0.276 10.241-0.831 14.946-2.629 368.663-69.33 368.663-587.04V208.031c0.139-15.5-6.642-30.446-18.405-40.962zM825.425 348.08c0 476.883-320.783 531.961-320.783 531.961S186.351 824.963 186.351 348.08V208.032s10.933 0.831 28.785 0.831c30.446 0 81.648-2.214 130.777-13.839 80.403-19.098 158.731-97.564 158.731-97.564s81.787 78.466 162.19 97.564c49.129 11.625 99.501 13.839 129.946 13.839 17.714 0 28.785-0.831 28.785-0.831l-0.139 140.048z m-362.02 143.093z"
-        ></path>
-        <path
-          d="M349.925 603.958l66.841-15.085c10.102 54.663 40.962 81.925 92.72 81.925 57.43-1.383 87.045-29.476 88.429-84.14 0-50.373-35.289-75.421-105.728-75.421h-40.962V459.48h32.382c66.149 0 99.916-25.187 101.3-75.421-1.383-45.945-26.571-69.747-75.421-71.132-48.85 0-77.635 26.571-86.215 79.85l-64.766-15.085c18.683-76.252 70.438-114.308 155.27-114.308 87.738 2.906 134.373 40.962 140.187 114.308-1.383 53.279-30.998 87.738-88.429 103.514 63.244 13.008 97.009 49.542 101.3 110.019-4.29 81.925-56.878 124.411-157.486 127.316-87.461 1.246-140.739-36.811-159.422-114.585z"
-        ></path>
-      </symbol>
-      <symbol id="icon-peitaosheshixiaotubiao_wifi" viewBox="0 0 1024 1024">
-        <path
-          d="M994.676364 306.967273a683.287273 683.287273 0 0 0-965.352728 0 34.676364 34.676364 0 0 0 0 49.338182 34.909091 34.909091 0 0 0 49.338182 0 613.469091 613.469091 0 0 1 866.676364 0 34.909091 34.909091 0 0 0 49.338182-49.338182z"
-        ></path>
-        <path
-          d="M151.505455 459.170909a34.909091 34.909091 0 1 0 49.338181 49.570909 439.854545 439.854545 0 0 1 622.312728 0 35.607273 35.607273 0 0 0 24.669091 10.24 35.141818 35.141818 0 0 0 24.66909-59.810909 510.370909 510.370909 0 0 0-720.98909 0z"
-        ></path>
-        <path
-          d="M273.454545 603.694545a34.909091 34.909091 0 0 0 49.57091 49.338182 267.403636 267.403636 0 0 1 377.94909 0 35.141818 35.141818 0 0 0 49.57091 0 35.141818 35.141818 0 0 0 0-49.338182 337.92 337.92 0 0 0-477.09091 0z"
-        ></path>
-        <path d="M512 814.312727m-93.090909 0a93.090909 93.090909 0 1 0 186.181818 0 93.090909 93.090909 0 1 0-186.181818 0Z"></path>
-      </symbol>
-      <symbol id="icon-shuju" viewBox="0 0 1024 1024">
-        <path
-          d="M958.976 27.136h-893.44c-36.352 0-65.536 29.696-65.536 65.536V793.6c0 36.352 29.696 65.536 65.536 65.536h893.44c36.352 0 65.536-29.696 65.536-65.536V92.16c0-35.84-29.696-65.024-65.536-65.024z m0 742.4h-0.512c0 12.288-10.24 22.528-22.528 22.528h-845.824c-12.288 0-22.528-10.24-22.528-23.04V116.224c0-12.288 10.24-22.528 22.528-22.528h846.336c12.288 0 22.528 10.24 22.528 22.528v653.312zM880.128 963.584c0 18.432-14.848 33.28-33.28 33.28h-669.184c-18.432 0-33.28-14.848-33.28-33.28s14.848-33.28 33.28-33.28h669.184c18.432 0.512 33.28 15.36 33.28 33.28z"
-        ></path>
-        <path
-          d="M206.848 581.12c-13.824-12.288-15.36-33.28-3.072-47.104l166.912-190.464c17.92-19.968 48.128-23.04 69.12-6.656l143.36 111.104c13.824 10.752 33.28 8.704 45.056-3.584l143.36-155.648c12.288-13.312 33.28-14.336 47.104-2.048 13.312 12.288 14.336 33.28 2.048 47.104l-174.08 188.928c-17.92 19.456-47.616 22.016-68.608 5.632l-142.336-110.592c-13.824-10.752-33.792-8.704-45.568 4.608l-136.192 155.648c-12.288 13.824-33.28 15.36-47.104 3.072z"
-        ></path>
-      </symbol>
-      <symbol id="icon-qukuailian" viewBox="0 0 1024 1024">
-        <path
-          d="M1024.26 141.82c0-77.04-62.46-139.5-139.5-139.5s-139.5 62.46-139.5 139.5c0 52.26 28.74 97.8 71.27 121.69l-55.6 246.87c-1.38-0.04-2.77-0.07-4.17-0.07-38.52 0-73.39 15.61-98.63 40.85l-254.64-147a140.05 140.05 0 0 0 3.78-32.34c0-77.04-62.46-139.5-139.5-139.5s-139.5 62.46-139.5 139.5c0 51.45 27.86 96.39 69.32 120.58l-56.9 252.62c-0.4 0-0.79-0.01-1.18-0.01C62.46 745 0 807.46 0 884.5S62.46 1024 139.5 1024 279 961.54 279 884.5c0-51.25-27.65-96.04-68.83-120.29l56.96-252.89c0.21 0 0.43 0.01 0.64 0.01 39.99 0 76.05-16.83 101.48-43.79L622.06 613.5a139.612 139.612 0 0 0-4.79 36.34c0 77.04 62.46 139.5 139.5 139.5s139.5-62.46 139.5-139.5c0-50.15-26.47-94.12-66.2-118.7l56.27-249.82c76.31-0.86 137.92-62.98 137.92-139.5z m-884.5 809.42c-37.19 0-67.42-30.25-67.42-67.42 0-37.19 30.23-67.42 67.42-67.42 37.17 0 67.42 30.23 67.42 67.42 0 37.17-30.25 67.42-67.42 67.42z m128.27-512.67c-37.19 0-67.42-30.25-67.42-67.42 0-37.19 30.23-67.42 67.42-67.42 37.17 0 67.42 30.23 67.42 67.42 0 37.17-30.25 67.42-67.42 67.42z m489 278c-37.19 0-67.42-30.25-67.42-67.42 0-37.19 30.23-67.42 67.42-67.42 37.17 0 67.42 30.23 67.42 67.42 0 37.17-30.25 67.42-67.42 67.42z m128-642.84c37.17 0 67.42 30.23 67.42 67.42 0 37.17-30.25 67.42-67.42 67.42-37.19 0-67.42-30.25-67.42-67.42 0-37.19 30.23-67.42 67.42-67.42z"
-        ></path>
-      </symbol>
-    </svg>
-
-    <header class="navbar navbar-gitlab navbar-expand-sm js-navbar" data-qa-selector="navbar">
-      <a class="sr-only gl-accessibility" href="https://codechina.csdn.net/about#content-body" tabindex="1">Skip to content</a>
-      <div class="container-fluid">
-        <div class="header-content">
-          <div class="title-container">
-            <h1 class="title">
-              <span class="gl-sr-only">GitLab</span>
-              <a title="仪表板" id="logo" href="https://codechina.csdn.net/dashboard/projects/home"
-                ><img class="brand-header-logo js-lazy-loaded qa-js-lazy-loaded" src="./files/3-1_画板_1_copy.png" loading="lazy" />
-              </a>
-            </h1>
-            <ul class="list-unstyled navbar-sub-nav">
-              <li
-                class="d-md-block home dropdown header-groups qa-groups-dropdown"
-                data-toggle="tooltip"
-                data-placement="bottom"
-                data-container="body"
-                data-track-label="groups_dropdown"
-                data-track-event="click_dropdown"
-                data-track-value=""
-                data-original-title=""
-                title=""
+  <body class="pages_index">
+    <div class="banner">
+      <img src="./img/banner.png" width="100%" alt="" class="banner" />
+      <a
+        href="https://codechina.csdn.net"
+        class="codechina"
+        target="_blank"
+      ></a>
+      <a
+        href="https://codechina.csdn.net/codechina/help-docs/-/wikis/home"
+        class="help"
+        target="_blank"
+      ></a>
+    </div>
+    <div class="w">
+      <img src="./img/intro.png" width="100%" class="intro" alt="" />
+      <h2 class="title">Pages 项目</h2>
+      <div class="project_list">
+        <div class="item">
+          <img
+            src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
+            alt=""
+          />
+          <ul>
+            <li class="bookname">《程序员》杂志 · 2017精华本</li>
+            <li>
+              Pages 地址：
+              <a
+                href="https://codechina.gitcode.host/programmer/2017/"
+                target="_blank"
+                >点击查看</a
               >
               <a
-                  title=""
-                  class="dashboard-shortcuts-topics abtn"
-                  aria-label="开源广场"
-                  data-toggle="tooltip"
-                  data-placement="bottom"
-                  data-container="body"
-                  href="https://codechina.csdn.net/explore/welcome"
-                  data-original-title="开源广场"
-                  >开源广场
-                </a>
+                href="https://codechina.csdn.net/codechina/programmer/2017"
+                target="_blank"
+                >项目地址</a
+              >
             </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </header>
-
-    <div class="layout-page">
-      <nav class="breadcrumbs container-fluid container-limited mobile_breadcrumbs" role="navigation">
-        <div class="breadcrumbs-container">
-          <div class="breadcrumbs-links js-title-container" data-qa-selector="breadcrumb_links_content">
-            <ul class="list-unstyled breadcrumbs-list js-breadcrumbs-list">
             <li>
-                <h2 class="breadcrumbs-sub-title"><a href="https://codechina.csdn.net/about">CODE CHINA</a></h2>
+              Pages 模板：
+              <span>mdbook</span>
+            </li>
+            <li class="desc">
+              mdbook 可作为文档类/电子书等项目的pages模板来使用。
             </li>
           </ul>
         </div>
-        </div>
-      </nav>
-
-      <div class="content-wrapper">
-        <div class="mobile-overlay"></div>
-        <div class="alert-wrapper">
-          <div class="alert alert-warning hide" id="unCheckEmailAlert" role="alert" style="margin-left: 16px; margin-right: 16px">
-            你好, 世上我最好2 由于您当前未设置邮箱地址，将无法使用CODE CHINA服务，
-            <a class="js-open-email-box" href="javascript:;">点击补充邮箱信息， </a
-            ><a
-              class="js-logout-btn"
-              data-qa-selector="sign_out_link"
-              rel="nofollow"
-              data-method="delete"
-              href="https://codechina.csdn.net/sign_out?requestUrl=%2Fsign_in"
-              >切换账号登录。
-            </a>
-          </div>
-          <div
-            class="alert alert-primary alert-dismissible fade show"
-            data-dismiss="alert"
-            id="checkEmailAlert"
-            role="alert"
-            style="display: none; margin-left: 16px; margin-right: 16px"
+        <div class="item">
+          <img
+            src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
+            alt=""
+          />
+          <ul>
+            <li class="bookname">程序员电子书</li>
+            <li>
+              Pages 地址：
+              <a
+                href="https://codechina.gitcode.host/programmer/mdbook/"
+                target="_blank"
+                >点击查看</a
               >
-            您的邮箱已经设置成功。
-            <button aria-label="close" class="close" data-dismiss="alert" style="line-height: 0.7" type="button">
-              <span aria-hidden="true"> × </span>
-            </button>
-          </div>
-          <div aria-hidden="true" aria-labelledby="inputEmailDialogLabel" class="modal" id="inputEmailDialog" role="dialog" tabindex="-1">
-            <div class="modal-dialog">
-              <div class="modal-content">
-                <div class="modal-header">
-                  <h3 class="modal-title" id="inputEmailDialogLabel">设置邮箱</h3>
-                  <button aria-label="关闭" class="close" data-dismiss="modal" type="button">
-                    <span aria-hidden="">×</span>
-                  </button>
-                </div>
-                <div class="modal-body">
-                  CODE CHINA服务需要使用你的邮箱，请设置您的常用邮箱
-                  <form id="emailForm">
-                    <div class="form-group">
-                      <label for="useremail"> 请填写您的常用邮箱 </label>
-                      <input class="form-control" id="useremail" placeholder="xx@xx.xx" type="email" />
-                    </div>
-                  </form>
-                  <div class="err-msg">请输入正确邮箱地址</div>
-                </div>
-                <div class="modal-footer">
-                  <button class="btn btn-secondary" data-dismiss="modal" type="button">关闭</button>
-                  <button class="btn btn-primary js-set-email" type="button">保存</button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="d-flex"></div>
-        </div>
-        <meta name="viewport" content="width=1280, user-scalable=no, target-densitydpi=device-dpi" />
-        <style>
-          .content-wrapper {
-            margin-bottom: 0;
-          }
-        </style>
-        <div class="codechina_index">
-          <div class="banner_box swiper-container swiper-container-initialized swiper-container-horizontal">
-            <div class="swiper-wrapper" style="transition: all 0ms ease 0s; transform: translate3d(-3330px, 0px, 0px)">
-              <!-- <div class="banner2 swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="width: 1665px">
-                <a href="https://1024.csdn.net/" target="_blank">
-                  <img src="./files/banner_1024-16a49a0a3d1920f599b983809b1d413940fa654c5f7b4a71d7a0149a04e3e3bb.png" />
-                </a>
-              </div> -->
-              <div class="banner1 swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 1665px">
-                <img src="./files/banner_1.png" />
-              </div>
-              <!-- <div class="banner2 swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 1665px">
-                <a href="https://1024.csdn.net/" target="_blank">
-                  <img src="./files/banner_1024-16a49a0a3d1920f599b983809b1d413940fa654c5f7b4a71d7a0149a04e3e3bb.png" />
-                </a>
-              </div> -->
-              <div
-                class="banner1 swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev"
-                data-swiper-slide-index="0"
-                style="width: 1665px"
+              <a
+                href="https://codechina.csdn.net/codechina/programmer"
+                target="_blank"
+                >项目地址</a
               >
-                <img src="./files/banner_1-86baa48f1d3305e44bedcf73537706ce88b3b98875913f2cd10af11ac9604151.jpg" />
-              </div>
-            </div>
-            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
-              <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span
-              ><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span>
-            </div>
-            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
-          </div>
-          <div class="white_bg">
-            <!-- card -->
-            <div class="card_box w">
-              <div class="card_item">
-                <svg aria-hidden="true" class="icon">
-                  <use xlink:href="#icon-disanfangguanlian"></use>
-                </svg>
-                <svg aria-hidden="true" class="icon bg">
-                  <use xlink:href="#icon-disanfangguanlian"></use>
-                </svg>
-                <div class="title">独立第三方</div>
-                <div class="line"></div>
-              </div>
-              <div class="card_item">
-                <svg aria-hidden="true" class="icon">
-                  <use xlink:href="#icon-guoji"></use>
-                </svg>
-                <svg aria-hidden="true" class="icon bg">
-                  <use xlink:href="#icon-guoji"></use>
-                </svg>
-                <div class="title">国际化接轨</div>
-                <div class="line"></div>
-              </div>
-              <div class="card_item">
-                <svg aria-hidden="true" class="icon shuju">
-                  <use xlink:href="#icon-shuju"></use>
-                </svg>
-                <svg aria-hidden="true" class="icon shuju bg">
-                  <use xlink:href="#icon-shuju"></use>
-                </svg>
-                <div class="title">开放数据</div>
-                <div class="line"></div>
-              </div>
-              <div class="card_item">
-                <svg aria-hidden="true" class="icon">
-                  <use xlink:href="#icon-peitaosheshixiaotubiao_wifi"></use>
-                </svg>
-                <svg aria-hidden="true" class="icon bg">
-                  <use xlink:href="#icon-peitaosheshixiaotubiao_wifi"></use>
-                </svg>
-                <div class="title">IOT+AI+5G</div>
-                <div class="line"></div>
-              </div>
-              <div class="card_item">
-                <svg aria-hidden="true" class="icon chain">
-                  <use xlink:href="#icon-qukuailian"></use>
-                </svg>
-                <svg aria-hidden="true" class="icon chain bg">
-                  <use xlink:href="#icon-qukuailian"></use>
-                </svg>
-                <div class="title">区块链<br />确权与激励</div>
-                <div class="line"></div>
-              </div>
-            </div>
-            <!-- 社区优势 -->
-            <fieldset>
-              <legend>社区优势</legend>
-            </fieldset>
-            <h1>AI人工智能</h1>
-            <div class="user_box w">
-              <div class="user_item">
-                <h4>注册用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer">
-                    <div class="user_num">
-                      <div class="animated">3100+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="user_item">
-                <h4>相关用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer2">
-                    <div class="user_num">
-                      <div class="animated">689+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="user_item">
-                <h4>精准用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer3">
-                    <div class="user_num">
-                      <div class="animated">182+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <h4>全球开源趋势下国产开源工具正在崛起</h4>
-            <div class="graph w">
-              <ul class="graph_bg">
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-              </ul>
-              <div class="graph_bar_tools graph_bar active">
-                <div class="bar">
-                  <span style="display: inline">OpenCV</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">TensorFlow</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Torch/PyTorch</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Keras</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Caffe</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Scikit-learn</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">MXNet</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Tengine</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">PaddlePaddle</span>
-                </div>
-              </div>
-            </div>
-            <p class="tips w">AI开源工具框架数据对比【 截至2020年6月数据 】</p>
-          </div>
-          <!-- 编辑精选 -->
-          <div class="index_container">
-            <div class="pure_bg">
-              <div class="img_l"></div>
-              <div class="img_r fly animated"></div>
-              <div class="top_card w">
-                <h3>编辑精选</h3>
-                <h3>为您精心挑选的热门项目首选</h3>
-              </div>
-              <div class="center_card w">
-                <div class="item">
-                  <a href="https://codechina.csdn.net/opencv" style="color: unset" target="_blank">
-                    <div class="icon opencv fl"></div>
-                    <ul class="fr detail">
-                      <li class="name">OpenCV</li>
-                      <li class="describe">跨平台计算机视觉和机器学习软件库</li>
-                    </ul>
-                    <div class="clear"></div>
-                  </a>
-                </div>
-                <div class="item">
-                  <a href="https://codechina.csdn.net/milvus-io/milvus" style="color: unset" target="_blank">
-                    <div class="icon tensorflow fl"></div>
-                    <ul class="fr detail">
-                      <li class="name">Milvus</li>
-                      <li class="describe">特征向量相似度搜索引擎</li>
-                    </ul>
-                    <div class="clear"></div>
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 社区优势 -->
-          <div class="white_bg padding-top">
-            <fieldset>
-              <legend>社区优势</legend>
-            </fieldset>
-            <h1>IOT物联网</h1>
-            <div class="user_box w">
-              <div class="user_item">
-                <h4>注册用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer4">
-                    <div class="user_num">
-                      <div class="animated">3100+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="user_item">
-                <h4>相关用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer5">
-                    <div class="user_num">
-                      <div class="animated">326+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="user_item">
-                <h4>精准用户</h4>
-                <div class="circle_box">
-                  <div class="circle" id="indicatorContainer6">
-                    <div class="user_num">
-                      <div class="animated">24+万</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <h4>国产开源IOT操作系统大有可为</h4>
-            <div class="graph w">
-              <ul class="graph_bg">
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-              </ul>
-              <div class="graph_bar_system graph_bar active">
-                <div class="bar">
-                  <span style="display: inline">Raspberry</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Mbed</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">Arduino</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">OpenWrt</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">RT-Thread</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">RTOS</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">LiteOS</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">RTLinux</span>
-                </div>
-                <div class="bar">
-                  <span style="display: inline">VxWorks</span>
-                </div>
-              </div>
-            </div>
-            <p class="tips w">开源IOT操作系统数据对比【 2019.6-2020.6 CSDN年度数据 】</p>
-          </div>
-          <!-- 编辑精选 -->
-          <div class="index_container">
-            <div class="pure_bg second">
-              <div class="img_l fly animated"></div>
-              <div class="img_r"></div>
-              <div class="top_card w">
-                <h3>编辑精选</h3>
-                <h3>为您精心挑选的热门项目首选</h3>
-              </div>
-              <div class="center_card w">
-                <ul class="logo_card">
-                  <a href="https://codechina.csdn.net/openharmony" style="color: unset; text-decoration: none" target="_blank">
-                    <li class="logo_name">
-                      <img src="./files/raspberry-8f625475875904f17564af300c1a6ddae9ea06e38201509fd998ae8562eca30f.png" />
             </li>
-                    <li class="describe">鸿蒙 OS 2.0源码发布</li>
-                  </a>
-                </ul>
-                <ul class="logo_card">
-                  <a href="https://codechina.csdn.net/taosdata" style="color: unset; text-decoration: none" target="_blank">
-                    <li class="logo_name">
-                      <img src="./files/tdengine-4a1631a487cddfadf084c876ec1d50be5b26eb1f702e39a044559c8cdab3eac7.png" />
+            <li>
+              Pages 模板：
+              <span>hugo</span>
             </li>
-                    <li class="describe">开源、高效的物联网大数据平台</li>
-                  </a>
+            <li class="desc">Hugo 非常适合博客，文档等网站的生成。</li>
           </ul>
         </div>
       </div>
+      <h2 class="title">Pages 使用介绍</h2>
+      <p>Pages 项目可以用于组织/个人的网站项目，也可以用于单独项目的Pages</p>
+      <div class="tab">
+        <div class="item active" data-index="1">组织或个人 Pages 项目</div>
+        <div class="item" data-index="2">项目 Pages</div>
       </div>
-          <!-- 立即加入我们 -->
-          <div class="white_bg padding-top">
-            <h2>如果您对开源感兴趣</h2>
-            <h2>想要发布或参与一个开源项目</h2>
-            <h2>诚邀您加入CODE CHINA</h2>
-            <h2>为中国开源做贡献</h2>
-            <a href="https://codechina.csdn.net/dashboard/projects/home"><button class="join_us animated">立即加入我们</button> </a>
-          </div>
-          <!-- footer -->
-          <footer class="index_container csdn_index_footer">
-            <div class="pure_bg">
+      <div class="steps w2">
+        <div class="step_item">
+          <span class="index">1</span>
+          <h4>创建 &lt;namespace&gt;.gitcode.host 项目</h4>
           <p>
-                <a href="https://codechina.blog.csdn.net/" target="_blank">博客</a>
-                <a href="https://codechina.csdn.net/codechina/help-docs/-/wikis/home" target="_blank">使用手册</a>
-                <a href="https://codechina.csdn.net/about" target="_blank">关于CODE CHINA</a>
+            在新建项目时，请确保项目名称以及项目标识串均为&lt;namespace&gt;.gitcode.host
           </p>
+          <img src="./img/create.png" width="100%" alt="" />
+        </div>
+        <div class="step_item">
+          <span class="index">2</span>
+          <h4>clone项目代码</h4>
+          <p>进入到你本地的项目目录，并 clone 刚创建好的项目</p>
+          <code>
+            ~ $ git clone https://codechina.com/namespace/namespace.gitcode.host
+          </code>
+        </div>
+        <div class="step_item">
+          <span class="index">3</span>
+          <h4>编辑内容</h4>
+          <p>进入项目文件夹并编辑内容，比如创建一个 index.html</p>
+          <code>
+            ~ $ cd namespace.gitcode.host <br />
+            ~ $ echo "Hello Pages ~" > index.html
+          </code>
+        </div>
+        <div class="step_item">
+          <span class="index">4</span>
+          <h4>提交代码</h4>
+          <p>将刚才编辑过的内容提交到仓库，并推送到远程分支</p>
+          <code>
+            ~ $ git add . <br />
+            ~ $ git commit -m "Init" <br />
+            ~ $ git push -u origin master
+          </code>
+        </div>
+        <div class="step_item">
+          <span class="index">5</span>
+          <h4>启用 Pages</h4>
           <p>
-                <a href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2020020162号</a>
-                <a href="https://about.gitlab.com/releases/2020/07/22/gitlab-13-2-released/" target="_blank">Powered by GITLAB CE v13</a>
+            进入 namespace.gitcode.host 项目中启用 Pages，等待 Pages 服务部署
           </p>
-              <p></p>
+          <img src="./img/setting.png" width="100%" alt="" />
+        </div>
       </div>
-          </footer>
+      <div class="visit">
+        <a href="#">
+          <img src="./img/visit.png" alt="" />
+        </a>
+        <div class="circle circle1"></div>
+        <div class="circle circle2"></div>
+        <div class="circle circle3"></div>
       </div>
+      <h3>开始使用 Pages</h3>
+      <div class="buttons w2">
+        <a
+          href="https://codechina.csdn.net/codechina/help-docs/-/wikis/docs/user/org/star-community-join-plan"
+          class="btn"
+          target="_blank"
+          >组织入驻</a
+        >
+        <a href="#" class="btn active">立即使用</a>
       </div>
     </div>
-
-    <script nonce="">
-      //<![CDATA[
-      if ('loading' in HTMLImageElement.prototype) {
-        document.querySelectorAll('img.lazy').forEach((img) => {
-          img.loading = 'lazy'
-          let imgUrl = img.dataset.src
-          // Only adding width + height for avatars for now
-          if (imgUrl.indexOf('/avatar/') > -1 && imgUrl.indexOf('?') === -1) {
-            const targetWidth = img.getAttribute('width') || img.width
-            imgUrl += `?width=${targetWidth}`
-          }
-          img.src = imgUrl
-          img.removeAttribute('data-src')
-          img.classList.remove('lazy')
-          img.classList.add('js-lazy-loaded', 'qa-js-lazy-loaded')
-        })
-      }
-
-      //]]>
-    </script>
-    <script src="./files/swiper-bundle.min-ea0edc820dac41896efc18510aeffa5ae61846aaed9d42ccedac189354aadbba.js" defer="defer"></script>
-    <script src="./files/jquery-2.1.1.min-6e261c67261faf3cf72caedf2bf93ca6bf15be737f63b4f8d80a8668d1c91121.js" defer="defer"></script>
-    <script src="./files/iconfont-368885c523d95df97dd6fee2ed61101212c3f13582707d9b3ea9a9bf0154a367.js" defer="defer"></script>
-    <script src="./files/circle-9e9e63b8ac56045ecf6647f49df222421f87643aa2e1bdebf811aee062f990fd.js" defer="defer"></script>
-    <script src="./files/index-350bc204a41807a50a40acdd857f800f93e71a9af9dd5c8490d39f1e5835e5c7.js" defer="defer"></script>
+    <div class="footer">湘ICP备2020020162号</div>
+    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.2/jquery.min.js"></script>
     <script>
-      var _hmt = _hmt || [];
-      (function() {
-        var hm = document.createElement("script");
-        hm.src = "https://hm.baidu.com/hm.js?289183eba3a0dc259eb4f916d634fa7d";
-        var s = document.getElementsByTagName("script")[0]; 
-        s.parentNode.insertBefore(hm, s);
-      })();
+      $(".pages_index .tab").on("click", ".item", function () {
+        $(this).addClass("active").siblings().removeClass("active");
+        var index = $(this).data("index");
+        $(".pages_index .step_item")
+          .eq(0)
+          .css("display", +index === 1 ? "block" : "none");
+        $(".pages_index .step_item").each(function () {
+          $(this)
+            .find(".index")
+            .html(+index === 1 ? $(this).index() + 1 : $(this).index());
+        });
+      });
     </script>
   </body>
 </html>