From 4e670993de1c50ca09b33ab092f00238fb9710f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=B5=B5=E5=90=8C=E5=AD=A6?=
 <94612053+imzql@users.noreply.github.com>
Date: Fri, 27 Sep 2024 20:04:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dpjax=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/Ying/layouts/_default/new-links.html | 102 -------------------
 themes/Ying/layouts/partials/head.html      | 104 +++++++++++++++++++-
 2 files changed, 103 insertions(+), 103 deletions(-)

diff --git a/themes/Ying/layouts/_default/new-links.html b/themes/Ying/layouts/_default/new-links.html
index 8956cf88..6ed9dca7 100644
--- a/themes/Ying/layouts/_default/new-links.html
+++ b/themes/Ying/layouts/_default/new-links.html
@@ -1,106 +1,4 @@
 {{ define "main" }}
-<style>
-    @media only screen and (max-width: 768px) {
-
-        /* 针对宽度小于768px的设备(通常是平板和手机) */
-        .items {
-            grid-template-columns: repeat(1, 1fr)!important;
-            grid-gap: 10px;
-        }
-    }
-
-    /* 新版友链样式 */
-    .items {
-        /* padding: 10px; */
-        width: 100%;
-        height: 100%;
-        /* background-color: #f5f5f6; */
-        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;
-        /* width: 47%; */
-        height: 300px;
-        /* border: 1px solid #333; */
-        box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
-    }
-
-    .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;
-        /* justify-content: center; */
-        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 id="pjax-container">
     <div class="post-content" itemprop="articleBody">
         <div class="items" uk-scrollspy="target: > .item-box; cls: uk-animation-slide-bottom-small; delay: 0">
diff --git a/themes/Ying/layouts/partials/head.html b/themes/Ying/layouts/partials/head.html
index 2c59a9d2..e19d42ba 100644
--- a/themes/Ying/layouts/partials/head.html
+++ b/themes/Ying/layouts/partials/head.html
@@ -9,7 +9,109 @@
   <link rel="stylesheet" href="/css/remixicon.css">
   <link rel="stylesheet" href="/css/uikit.min.css">
   <link rel="stylesheet" href="/css/nprogress.min.css">
-  <link rel="stylesheet" href="/css/Artalk.css"/>
+  <link rel="stylesheet" href="/css/Artalk.css" />
+  <style>
+    @media only screen and (max-width: 768px) {
+
+      /* 针对宽度小于768px的设备(通常是平板和手机) */
+      .items {
+        grid-template-columns: repeat(1, 1fr) !important;
+        grid-gap: 10px;
+      }
+    }
+
+    /* 新版友链样式 */
+    .items {
+      /* padding: 10px; */
+      width: 100%;
+      height: 100%;
+      /* background-color: #f5f5f6; */
+      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;
+      /* width: 47%; */
+      height: 300px;
+      /* border: 1px solid #333; */
+      box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
+    }
+
+    .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;
+      /* justify-content: center; */
+      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>
   <script src="/js/jquery.min.js"></script>
   <script src="/js/barrage.min.js"></script>
   <script src="/js/jquery.scrollUp.min.js"></script>