修复首页加载速度

themes/Ying/layouts/page/links.html

@@ -65,6 +65,100 @@
         [data-theme="dark"] .url-name:hover::before {
             opacity: 0.35;
         }
+
+    @media only screen and (max-width: 768px) {
+      .items {
+        grid-template-columns: repeat(1, 1fr) !important;
+        grid-gap: 10px;
+      }
+      .link-des,.link-name{
+        right: 13px;
+      }
+    }
+
+    .items {
+      width: 100%;
+      height: 100%;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-gap: 10px;
+      justify-content: space-between;
+    }
+
+    .item-box {
+      background-color: white;
+      border-radius: 5px;
+      padding: 8px;
+      height: 300px;
+      box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
+    }
+
+    .website-img {
+      margin: 0 auto;
+      width: 90%;
+    }
+
+    .website-img img {
+      width: 100%;
+      height: 150px;
+      object-fit: contain;
+    }
+
+    .website-go-button {
+      margin: 0 auto;
+      width: 95%;
+      border-radius: 5px;
+      font-size: 14px;
+      padding: 5px;
+      text-align: center;
+      background-color: black;
+      color: white;
+    }
+
+    .link-info {
+      padding: 8px;
+      width: 100%;
+      height: 90px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .link-avatar {
+      width: 40%;
+      display: flex;
+      align-items: center;
+    }
+
+    .link-avatar img {
+      position: relative;
+      left: 5px;
+      width: 50px;
+      height: 50px;
+    }
+
+    .link-text-main {
+      width: 55%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .link-name {
+      position: relative;
+      right: 10px;
+      bottom: 5px;
+      width: 100%;
+      height: 50%;
+      font-weight: 600;
+    }
+
+    .link-des {
+      position: relative;
+      right: 10px;
+      top: 1px;
+      width: 100%;
+      height: 50%;
+    }
     </style>
     <div class="post-content" itemprop="articleBody">
         <div class="links">