fix(bug): 320px devices removed and bugs patched

module/comment.ftl

@@ -3,7 +3,7 @@
     <div id="comment" class="comment close">
         <script src="${theme_base!}/source/plugins/comment/vue.min.js"></script>
         <script src="${theme_base!}/source/plugins/comment/halo-comment.min.js"></script>
-        <script src="${options.comment_internal_plugin_js!'//cdn.jsdelivr.net/gh/halo-dev/halo-comment@latest/dist/halo-comment.min.js'}"></script>
+        <#--  <script src="${options.comment_internal_plugin_js!'//cdn.jsdelivr.net/gh/halo-dev/halo-comment@latest/dist/halo-comment.min.js'}"></script>  -->
         <halo-comment id="${target.id?c}" type="${type}""/>
     </div>
     </#if>

source/css/Redemption.css

@@ -2,21 +2,7 @@
 html {
   font-variant-numeric: tabular-nums;
   -webkit-font-smoothing: antialiased;
-}
-@media (max-width: 320px) {
-  html {
-    font-size: 14px;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
-  html {
   font-size: 16px;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
-  html {
-    font-size: 16px;
-  }
 }
 
 [data-font=serif] {
@@ -38,15 +24,13 @@ html ::-webkit-scrollbar-thumb {
   border-radius: 16px;
   background-color: rgba(0, 0, 0, 0.249);
 }
-@media (prefers-color-scheme: dark) {
-  html ::-webkit-scrollbar-thumb {
-    background-color: blue;
-  }
-}
 html ::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0, 0, 0, 0.249);
 }
 @media (prefers-color-scheme: dark) {
+  html ::-webkit-scrollbar-thumb {
+    background-color: blue;
+  }
   html ::-webkit-scrollbar-thumb:hover {
     background-color: blue;
   }
@@ -84,21 +68,14 @@ main {
     box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.34);
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  main {
-    width: 90%;
-    margin-top: 3%;
-    padding-bottom: 7%;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   main {
     width: 90%;
     margin-top: 5%;
     padding-bottom: 5%;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   main {
     width: 52rem;
     margin-top: 4rem;
@@ -106,7 +83,7 @@ main {
   }
 }
 
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   main > .index,
 main > .archives,
 main > .categories,
@@ -130,31 +107,7 @@ main > .journals > ul {
     margin-block-end: 0;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  main > .index,
-main > .archives,
-main > .categories,
-main > .category,
-main > .links,
-main > .post,
-main > .tag,
-main > .journals {
-    width: 90%;
-    padding: 2.5% 5%;
-  }
-  main > .index > ul,
-main > .archives > ul,
-main > .categories > ul,
-main > .category > ul,
-main > .links > ul,
-main > .post > ul,
-main > .tag > ul,
-main > .journals > ul {
-    margin-block-start: 0;
-    margin-block-end: 0;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   main > .index,
 main > .archives,
 main > .categories,
@@ -263,7 +216,7 @@ main > .journals {
     color: #7d7d7d80;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .header {
     flex-direction: column;
     align-items: center;
@@ -276,20 +229,7 @@ main > .journals {
     align-items: center;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .header {
-    flex-direction: column;
-    align-items: center;
-    width: 90%;
-    padding: 17% 5% 5% 5%;
-  }
-  .header > .description {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .header {
     width: 45rem;
     padding: 7rem 0 3rem 0;
@@ -325,17 +265,12 @@ footer .copyright a:hover {
     color: #bfbfbf;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   footer {
     padding: 5% 0;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  footer {
-    padding: 5% 0;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   footer {
     padding: 2rem 0;
   }
@@ -361,35 +296,24 @@ footer .copyright a:hover {
     color: #434343;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  .pagenav {
-    padding: 5% 0 7% 0;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .pagenav {
     padding: 4% 0 5% 0;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .pagenav {
     padding: 2rem 0;
   }
 }
 
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .comment {
     width: 90%;
     margin: 5% 0;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .comment {
-    width: 90%;
-    margin: 5% 0;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .comment {
     margin-top: 2rem;
     width: 52rem;
@@ -411,8 +335,6 @@ footer .copyright a:hover {
   .post-bottom-menu {
     border-top: 1px solid #e7e7e7;
   }
-}
-@media (prefers-color-scheme: dark) and (prefers-color-scheme: dark) {
   .post-bottom-menu > a {
     color: #b6b6b6;
   }
@@ -420,21 +342,14 @@ footer .copyright a:hover {
     color: #434343;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  .post-bottom-menu {
-    margin-top: 7%;
-    padding-top: 7%;
-    width: 80%;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .post-bottom-menu {
     margin-top: 7%;
     padding-top: 5%;
     width: 80%;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .post-bottom-menu {
     margin-top: 2rem;
     padding-top: 2rem;
@@ -491,26 +406,7 @@ footer .copyright a:hover {
     color: #7d7d7d;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  .archives > ul {
-    padding: 2.5% 1%;
-  }
-  .archives > ul > .year {
-    padding: 2.5% 0;
-    text-align: center;
-  }
-  .archives > ul > .title {
-    padding: 2.5% 0;
-    text-align: center;
-  }
-  .archives > ul > li {
-    justify-content: center;
-  }
-  .archives > ul > li > span {
-    display: none;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .archives > ul {
     padding: 2.5% 1%;
   }
@@ -524,7 +420,7 @@ footer .copyright a:hover {
     justify-content: space-between;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .archives > ul {
     padding: 0.625rem 0.1rem;
   }
@@ -545,7 +441,8 @@ footer .copyright a:hover {
  * 1.默认
  * 2.深色
  * 3.媒体查询
- *   - 320px
+ *   - 870px
+ *   - 2048px
 */
 .category > ul > .name {
   font-size: 1.5rem;
@@ -581,22 +478,7 @@ footer .copyright a:hover {
     color: #7d7d7d;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  .category > ul {
-    padding: 2.5% 1%;
-  }
-  .category > ul > .name {
-    padding: 2.5% 0;
-    text-align: center;
-  }
-  .category > ul > li {
-    justify-content: center;
-  }
-  .category > ul > li > span {
-    display: none;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .category > ul {
     padding: 2.5% 1%;
   }
@@ -607,7 +489,7 @@ footer .copyright a:hover {
     justify-content: space-between;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .category > ul {
     padding: 0.625rem 0.1rem;
   }
@@ -653,7 +535,7 @@ footer .copyright a:hover {
     color: #dbdbdb80;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .categories {
     margin: 7% 0;
   }
@@ -661,15 +543,7 @@ footer .copyright a:hover {
     margin: 2.5% 2.5%;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .categories {
-    margin: 7% 0;
-  }
-  .categories > ul > li {
-    margin: 2.5% 2.5%;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .categories {
     margin: 5rem 0;
   }
@@ -745,19 +619,7 @@ footer .copyright a:hover {
     color: #7d7d7d80;
   }
 }
-@media (max-width: 320px) {
+@media (min-width: 320px) and (max-width: 870px) {
-  .index > h1 {
-    margin-block-start: 0;
-    text-align: center;
-  }
-  .index > .info {
-    padding: 1% 0 2% 0;
-  }
-  .index > .info > span {
-    margin: 1% 1%;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .index > h1 {
     margin-block-start: 0;
   }
@@ -768,7 +630,7 @@ footer .copyright a:hover {
     margin: 1% 1%;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .index > .info {
     padding: 0.5rem 0 2rem 0;
   }
@@ -801,7 +663,7 @@ footer .copyright a:hover {
     color: #7d7d7d;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .journals > .name {
     padding: 2.5% 0;
     text-align: center;
@@ -813,19 +675,7 @@ footer .copyright a:hover {
     padding: 1% 0;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .journals > .name {
-    padding: 2.5% 0;
-    text-align: center;
-  }
-  .journals > ul > li {
-    padding: 2.5% 0;
-  }
-  .journals > ul > li > .info {
-    padding: 1% 0;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .journals > .name {
     padding: 0.5rem 0;
   }
@@ -867,20 +717,7 @@ footer .copyright a:hover {
     color: #dbdbdb80;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
-  .links > ul {
-    padding: 2.5% 1%;
-  }
-  .links > ul > .friend {
-    padding: 2.5% 0;
-    text-align: center;
-  }
-  .links > ul > li {
-    justify-content: center;
-    padding-bottom: 1%;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
   .links > ul {
     padding: 2.5% 1%;
   }
@@ -891,7 +728,7 @@ footer .copyright a:hover {
     padding-bottom: 1%;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .links > ul {
     padding: 0.625rem 0.1rem;
   }
@@ -935,7 +772,6 @@ footer .copyright a:hover {
   }
   .post > .title > .info {
     border-bottom: 1px solid #434343;
-    flex-direction: column;
   }
   .post > .title > .info span {
     color: #7d7d7d;
@@ -944,26 +780,24 @@ footer .copyright a:hover {
     color: #7d7d7d;
   }
 }
-@media (max-width: 320px) {
+@media (min-width: 320px) and (max-width: 870px) {
   .post > .title {
     margin-top: 10%;
   }
+  .post > .title > .info {
+    flex-direction: column;
+  }
   .post > .title > .info > span {
     padding: 1% 1%;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .post > .title {
-    margin-top: 10%;
-  }
-  .post > .title > .info > span {
-    padding: 1% 1%;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .post > .title {
     margin-top: 4rem;
   }
+  .post > .title > .info {
+    flex-direction: row;
+  }
   .post > .title > .info > span {
     margin: 0.25rem 0.25rem;
   }
@@ -997,7 +831,7 @@ footer .copyright a:hover {
     color: #dbdbdb80;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .tag > ul {
     padding: 2.5% 1%;
   }
@@ -1013,7 +847,7 @@ footer .copyright a:hover {
     display: none;
   }
 }
-@media (min-width: 768px) and (max-width: 2048px) {
+@media (min-width: 870px) and (max-width: 2048px) {
   .tag > ul {
     padding: 0.625rem 0.1rem;
   }
@@ -1059,7 +893,7 @@ footer .copyright a:hover {
     color: #dbdbdb80;
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 870px) {
   .tags {
     margin: 7% 0;
   }
@@ -1067,15 +901,7 @@ footer .copyright a:hover {
     margin: 2.5% 2.5%;
   }
 }
-@media (min-width: 320px) and (max-width: 768px) {
+@media (min-width: 870px) and (max-width: 2048px) {
-  .tags {
-    margin: 7% 0;
-  }
-  .tags > ul > li {
-    margin: 2.5% 2.5%;
-  }
-}
-@media (min-width: 768px) and (max-width: 2048px) {
   .tags {
     margin: 5rem 0;
   }

source/css/Redemption.scss

@@ -3,7 +3,6 @@
 @import "base/variables";
 @import "base/font";
 @import "base/base";
-// @import "base/media";
 
 // 组件
 @import "pages/layout/header";

source/css/base/_base.scss

@@ -11,18 +11,22 @@ html {
     height: 40px;
     border-radius: 16px;
     background-color: rgba(0, 0, 0, 0.249);
-
-    @include darkmode {
-      // 深色
-      background-color: blue;
-    }
   }
 
   ::-webkit-scrollbar-thumb {
     &:hover {
       background-color: rgba(0, 0, 0, 0.249);
 
+    }
+  }
+
   @include darkmode {
+    ::-webkit-scrollbar-thumb {
+      background-color: blue;
+    }
+
+    ::-webkit-scrollbar-thumb {
+      &:hover {
         background-color: blue;
       }
     }
@@ -48,7 +52,7 @@ body {
   align-items: center;
 }
 
-// main 
+// main 主体
 main {
   display: flex;
   flex-wrap: nowrap;
@@ -57,28 +61,21 @@ main {
   background: #ffffff;
   box-shadow: 0 0.375rem 1rem -0.5rem rgb(0, 0, 0, 0.17);
 
-  // 深色模式 
+  // =========== 深色 ===========
   @include darkmode {
     background: #292929;
     box-shadow: 0 0.375rem 1rem -0.5rem rgb(0, 0, 0, 0.34);
   }
 
-  // 320px 设备
+  // =========== 移动端 ===========
-  @media (max-width: 320px) {
+  @media (max-width: 870px) {
-    width: 90%;
-    margin-top: 3%;
-    padding-bottom: 7%;
-  }
-
-  // 768px 设备
-  @media (min-width: 320px) and (max-width: 768px) {
     width: 90%;
     margin-top: 5%;
     padding-bottom: 5%;
   }
 
-  // 1440px 设备
+  // =========== 桌面端 ===========
-  @media (min-width: 768px) and (max-width: 2048px) {
+  @media (min-width: 870px) and (max-width: 2048px) {
     width: 52rem;
     margin-top: 4rem;
     padding-bottom: 3rem;
@@ -94,9 +91,8 @@ main>.links,
 main>.post,
 main>.tag,
 main>.journals {
-
+  // =========== 移动端 ===========
-  // 320px 设备
+  @media (max-width: 870px) {
-  @media (max-width: 320px) {
     >ul {
       margin-block-start: 0;
       margin-block-end: 0;
@@ -106,19 +102,8 @@ main>.journals {
     padding: 2.5% 5%;
   }
 
-  // 768px 设备
+  // =========== 桌面端 ===========
-  @media (min-width: 320px) and (max-width: 768px) {
+  @media (min-width: 870px) and (max-width: 2048px) {
-    >ul {
-      margin-block-start: 0;
-      margin-block-end: 0;
-    }
-
-    width: 90%;
-    padding: 2.5% 5%;
-  }
-
-  // 2048px 设备
-  @media (min-width: 768px) and (max-width: 2048px) {
     width: 45rem;
     padding: 1rem 0.1rem 1rem 0.1rem;
   }

source/css/base/_font.scss

@@ -3,21 +3,17 @@
 html {
     font-variant-numeric: tabular-nums;
     -webkit-font-smoothing: antialiased;
-
-    // =========== 320px 设备 ===========
-    @media (max-width: 320px) {
-        font-size: 14px;
-    }
-
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
     font-size: 16px;
-    }
 
-    // =========== 2048px 设备 ===========
+    // // =========== 移动端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    // @media (max-width: 870px) {
-        font-size: 16px;
+    //     font-size: 16px;
-    }
+    // }
+
+    // // =========== 桌面端 ===========
+    // @media (min-width: 870px) and (max-width: 2048px) {
+    //     font-size: 16px;
+    // }
 }
 
 // 衬线字体

source/css/base/_media.scss

@@ -1,35 +0,0 @@
-@media (max-width: 320px) {
-
-
-    
-
-
-
-
-}
-
-    // // 超小屏幕（手机，小于 768px）
-    // @media (min-width: 320px) and (max-width: 768px) {
-
-
-
-
-
-
-
-
-    // }
-
-    // // 小屏幕（平板，大于等于 768px）
-    // @media (min-width: 768px) and (max-width: 768px) { 
-
-    //  }
-
-    // // 中等屏幕（桌面显示器，大于等于 992px）
-    // @media (min-width: 992px) and (max-width: 992px) { 
-
-    //  }
-
-    // // 大屏幕（大桌面显示器，大于等于 1200px）
-    // @media (min-width: 1200px) { 
-    //      }

source/css/pages/_archives.scss

@@ -6,7 +6,8 @@
  * 1.默认
  * 2.深色
  * 3.媒体查询
- *   - 320px
+ *   - 870px
+ *   - 2048px
 */
 @import "../base/variables";
 
@@ -63,33 +64,8 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-
-        >ul {
-            padding: 2.5% 1%;
-
-            >.year {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >.title {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >li {
-                justify-content: center;
-
-                >span {
-                    display: none;
-                }
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         >ul {
             padding: 2.5% 1%;
 
@@ -106,8 +82,8 @@
             }
         }
     }
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >ul {
             padding: 0.625rem 0.1rem;
 
@@ -121,7 +97,4 @@
             }
         }
     }
-
-
-
 }

source/css/pages/_category.scss

@@ -6,7 +6,8 @@
  * 1.默认
  * 2.深色
  * 3.媒体查询
- *   - 320px
+ *   - 870px
+ *   - 2048px
 */
 @import "../base/variables";
 
@@ -61,27 +62,8 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        >ul {
-            padding: 2.5% 1%;
-
-            >.name {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >li {
-                justify-content: center;
-
-                >span {
-                    display: none;
-                }
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         >ul {
             padding: 2.5% 1%;
 
@@ -96,8 +78,8 @@
 
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >ul {
             padding: 0.625rem 0.1rem;
             >.name {
@@ -162,18 +144,8 @@
 
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        margin: 7% 0;
-
-        >ul {
-            >li {
-                margin: 2.5% 2.5%;
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         margin: 7% 0;
 
         >ul {
@@ -183,15 +155,14 @@
         }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         margin: 5rem 0;
 
         >ul {
             
             >li {
                 margin: 0.5rem 1rem;
-                
             }
         }
     }

source/css/pages/_index.scss

@@ -1,4 +1,14 @@
-// 首页
+/* 
+ *
+ * 首页
+ * 
+ * 按照顺序
+ * 1.默认
+ * 2.深色
+ * 3.媒体查询
+ *   - 870px
+ *   - 2048px
+*/
 @import "../base/variables";
 
 .index {
@@ -91,24 +101,8 @@
 
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (min-width: 320px) and (max-width: 870px) {
-        >h1 {
-            margin-block-start: 0;
-            text-align: center;
-        }
-
-        >.info {
-            padding: 1% 0 2% 0;
-
-            >span {
-                margin: 1% 1%;
-            }
-        }
-    }
-
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         >h1 {
             margin-block-start: 0;
         }
@@ -122,8 +116,8 @@
         }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
 
         >.info {
             padding: 0.5rem 0 2rem 0;

source/css/pages/_journals.scss

@@ -1,6 +1,15 @@
+/* 
+ *
+ * 日志
+ * 
+ * 按照顺序
+ * 1.默认
+ * 2.深色
+ * 3.媒体查询
+ *   - 870px
+ *   - 2048px
+*/
 @import "../base/variables";
-
-// 日志
 .journals {
     >.name {
         font-size: 1.5rem;
@@ -44,25 +53,8 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        >.name {
-            padding: 2.5% 0;
-            text-align: center;
-        }
-
-        >ul {
-            >li {
-                padding: 2.5% 0;
-
-                >.info {
-                    padding: 1% 0;
-                }
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         >.name {
             padding: 2.5% 0;
             text-align: center;
@@ -78,8 +70,8 @@
         }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >.name {
             padding: 0.5rem 0;
         }

source/css/pages/_links.scss

@@ -1,6 +1,15 @@
+/* 
+ *
+ * 友链
+ * 
+ * 按照顺序
+ * 1.默认
+ * 2.深色
+ * 3.媒体查询
+ *   - 870px
+ *   - 2048px
+*/
 @import "../base/variables";
-
-// 友链
 .links {
     >ul {
         >.friend {
@@ -48,24 +57,8 @@
 
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        >ul {
-            padding: 2.5% 1%;
-
-            >.friend {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >li {
-                justify-content: center;
-                padding-bottom: 1%;
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         >ul {
             padding: 2.5% 1%;
 
@@ -79,8 +72,8 @@
         }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >ul {
             padding: 0.625rem 0.1rem;
 

source/css/pages/_post.scss

@@ -1,6 +1,15 @@
+/* 
+ *
+ * 文章
+ * 
+ * 按照顺序
+ * 1.默认
+ * 2.深色
+ * 3.媒体查询
+ *   - 870px
+ *   - 2048px
+*/
 @import "../base/variables";
-
-// 文章
 .post {
     >.title {
         >h1 {
@@ -52,7 +61,6 @@
 
             >.info {
                 border-bottom: 1px solid #434343;
-                flex-direction: column;
                 span {
                     color: #7d7d7d;
 
@@ -64,37 +72,29 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (min-width: 320px) and (max-width: 870px) {
         >.title {
             margin-top: 10%;
             >.info{
+                flex-direction: column;
                 >span{
                     padding: 1% 1%;
-                }
 
                 }
             }
         }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
-        >.title {
-            margin-top: 10%;
-            >.info{
-                >span{
-                    padding: 1% 1%;
-                }
-            }
-        }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >.title {
             margin-top: 4rem;
             >.info{
+                flex-direction: row;
                 >span{
                     margin: 0.25rem 0.25rem;
+
                 }
             }
         }

source/css/pages/_tag.scss

@@ -1,6 +1,15 @@
+/* 
+ *
+ * 标志
+ * 
+ * 按照顺序
+ * 1.默认
+ * 2.深色
+ * 3.媒体查询
+ *   - 870px
+ *   - 2048px
+*/
 @import "../base/variables";
-
-// 标签
 .tag {
     >ul {
         >.name {
@@ -46,8 +55,8 @@
 
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
         >ul {
             padding: 2.5% 1%;
 
@@ -67,8 +76,8 @@
         }
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         >ul {
             padding: 0.625rem 0.1rem;
             >.name {
@@ -94,7 +103,6 @@
             font-size: 1rem;
 
             >a {
-                // 浅色
                 color: #262626;
 
                 &:hover {
@@ -131,8 +139,8 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
         margin: 7% 0;
 
         >ul {
@@ -141,19 +149,8 @@
             }
         }
     }
-
+    // =========== 移动端 ===========
-    // =========== 768px 设备 ===========
+    @media (min-width: 870px) and (max-width: 2048px) {
-    @media (min-width: 320px) and (max-width: 768px) {
-        margin: 7% 0;
-
-        >ul {
-            >li {
-                margin: 2.5% 2.5%;
-            }
-        }
-    }
-    // =========== 2048px 设备 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
         margin: 5rem 0;
 
         >ul {

source/css/pages/layout/_comment.scss

@@ -1,26 +1,20 @@
 // 评论容器
 .comment {
 
-    // 320px 设备
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
         width: 90%;
         margin: 5% 0;
     }
 
-    // =========== 768px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
-        width: 90%;
-        margin: 5% 0;
-    }
-
-    // =========== 2048px 设备 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
         margin-top: 2rem;
         width: 52rem;
     }
 }
 
-// 评论 首页 按钮
+// 评论、首页按钮
 .post-bottom-menu {
     display: flex;
     justify-content: space-around;
@@ -32,43 +26,30 @@
         &:hover {
             color: #595959;
         }
-
-
     }
 
-    // 深色
+    // =========== 深色 ===========
     @include darkmode {
         border-top: 1px solid #e7e7e7;
-
         >a {
-
-            // 深色
-            @include darkmode {
             color: #b6b6b6;
 
             &:hover {
                 color: #434343;
             }
-            }
+
         }
     }
 
-    // =========== 320px 设备 ===========
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        margin-top: 7%;
-        padding-top: 7%;
-        width: 80%;
-    }
-
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         margin-top: 7%;
         padding-top: 5%;
         width: 80%;
     }
 
-    // =========== 2048px 设备 ===========
+    // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         margin-top: 2rem;
         padding-top: 2rem;
         width: 40rem;

source/css/pages/layout/_footer.scss

@@ -18,7 +18,7 @@ footer {
         }
     }
 
-    // 深色
+    // =========== 深色 ===========
     @include darkmode {
         .copyright> {
             >a {
@@ -31,20 +31,13 @@ footer {
         }
     }
 
-    // 320px 设备
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
         padding: 5% 0;
     }
 
-    // 768px 设备
+    // =========== 桌面端 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
-        padding: 5% 0;
-    }
-
-    // 2048px 设备
-    @media (min-width: 768px) and (max-width: 2048px) {
         padding: 2rem 0;
     }
-
-    
 }

source/css/pages/layout/_header.scss

@@ -44,7 +44,7 @@
         }
     }
 
-    // 深色
+    // =========== 深色 ===========
     @include darkmode {
         >.title {
             >a {
@@ -74,8 +74,8 @@
 
     }
 
-    // 320px 设备
+    // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
         flex-direction: column;
         align-items: center;
         width: 90%;
@@ -88,22 +88,8 @@
         }
     }
 
-    // 768px 设备
+    // =========== 桌面端 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
-        flex-direction: column;
-        align-items: center;
-        width: 90%;
-        padding: 17% 5% 5% 5%;
-
-        >.description {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-    }
-
-    // 2048px 设备
-    @media (min-width: 768px) and (max-width: 2048px) {
         width: 45rem;
         padding: 7rem 0 3rem 0;
         justify-content: space-between;
@@ -118,5 +104,4 @@
             align-items: flex-end;
         }
     }
-
 }

source/css/pages/layout/_pagenav.scss

@@ -24,18 +24,13 @@
         }
     }
 
-    // =========== 320px 设备 ===========
+    // // =========== 移动端 ===========
-    @media (max-width: 320px) {
+    @media (max-width: 870px) {
-        padding: 5% 0 7% 0;
-    }
-
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
         padding: 4% 0 5% 0;
     }
 
-    // =========== 2048px 设备 ===========
+    // // =========== 桌面端 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    @media (min-width: 870px) and (max-width: 2048px) {
         padding: 2rem 0;
     }
 }

source/css/redemption.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["base/_font.scss","base/_base.scss","base/_variables.scss","pages/layout/_header.scss","pages/layout/_footer.scss","pages/layout/_pagenav.scss","pages/layout/_comment.scss","pages/_archives.scss","pages/_category.scss","pages/_index.scss","pages/_journals.scss","pages/_links.scss","pages/_post.scss","pages/_tag.scss"],"names":[],"mappings":"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","file":"redemption.css"}
+{"version":3,"sourceRoot":"","sources":["base/_font.scss","base/_base.scss","base/_variables.scss","pages/layout/_header.scss","pages/layout/_footer.scss","pages/layout/_pagenav.scss","pages/layout/_comment.scss","pages/_archives.scss","pages/_category.scss","pages/_index.scss","pages/_journals.scss","pages/_links.scss","pages/_post.scss","pages/_tag.scss"],"names":[],"mappings":"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","file":"redemption.css"}