2024.7.26更新

1.修复文章字数显示bug
2.修改了上下页翻页的割裂感
3.修改为新版友联样式

themes/Ying/static/css/light.css

@@ -1598,71 +1598,92 @@ input[type=submit] {
 
 
 /* 友联样式 */
-.link-list {
-    display: flex;
-    flex-wrap: wrap
-}
-
-/* .link-list a {
-    display: block;
-    width: 47%;
-    padding: 8px
-} */
-
-/* 基本样式 */
-.link-list a {
-    display: block;
-    width: 47%;
-    padding: 8px;
+.links-item {
+    padding: 10px 15px;
+    font-size: 14px;
+    width: 49%;
     box-sizing: border-box;
-    /* 包括padding和border在内计算宽度 */
+    display: inline-block;
+    vertical-align: top;
+    background: #fafafa;
+    background: var(--light-header);
+    border-radius: 4px
 }
 
-/* 移动端样式调整 */
-@media (max-width: 768px) {
-    .link-list a {
-        width: 100%;
-        /* 在小屏幕上占据整个宽度 */
-        padding: 12px;
-        /* 在小屏幕上增加内边距 */
+.links-item img {
+    border-radius: 4px;
+    float: left;
+    width: 45px;
+    height: 45px;
+    background: #fff
+}
+
+.links-item a {
+    display: block;
+    padding: 0 14px;
+    margin-top: 13px;
+    margin-left: 44px;
+    word-break: keep-all;
+    height: 32px;
+}
+
+.links-item {
+    width: 135px;
+    margin: 0 12px 8px 0
+}
+
+@media only screen and (max-width: 683px) {
+    .links-item {
+        width:144px;
+        margin: 0 0 8px
     }
 }
 
-/* 更小屏幕的样式调整 */
-@media (max-width: 480px) {
-    .link-list a {
-        padding: 15px;
-        /* 在更小的屏幕上增加内边距 */
+.dark .links-item {
+    background: #252627;
+    background: var(--dark-header)
+}
+
+.tocify {
+    width: 20%;
+    max-height: 90%;
+    overflow: auto;
+    position: absolute;
+    right: 2%;
+    border-radius: 6px
+}
+
+.tocify ul,.tocify li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    border: none;
+    line-height: 30px
+}
+
+.tocify li a {
+    display: inline-block;
+    text-indent: 10px;
+    font-size: 14px;
+    text-decoration: none
+}
+
+.tocify ul ul li a:before {
+    content: "- "
+}
+
+@media only screen and (max-width: 683px) {
+    .tocify {
+        display:none
     }
 }
 
-
-.link-list .inner {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    background: #fff;
-    border: 1px solid #eceff2;
-    padding: 0 23px;
-    height: 100px;
-    transition: color, background .2s ease-in-out;
-    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
+.dark .light-wormhole,.dark-wormhole {
+    display: none
 }
 
-.link-list .inner:hover {
-    background: #f3f4f6;
-    color: #575757
-}
-
-.link-list .name {
-    font-size: 1.4em;
-    color: #000
-}
-
-.link-list .slogan {
-    font-size: 1em;
-    margin-top: .2em;
-    color: #757e91
+.dark .dark-wormhole {
+    display: block
 }