update README.md

README.md

@@ -14,7 +14,7 @@
 
 ## 预览
 
-![WarmIsland Preview](https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=A%20warm%20and%20cozy%20blog%20theme%20preview%2C%20soft%20colors%2C%20clean%20layout%2C%20minimalist%20design%2C%20dark%20mode%20support&image_size=landscape_16_9)
+![WarmIsland Preview](./public/WarmIsland%20Preview.png)
 
 ## 已适配插件
 

src/components/FeaturedSection.astro

@@ -4,7 +4,7 @@
 <section
   class="wi-section"
   th:if="${theme.config?.home?.home_featured_enabled != false}"
-  th:with="featuredPosts = ${postFinder.list({page: 1, size: theme.config?.home?.home_featured_count ?: 3})}"
+  th:with="featuredPosts = ${postFinder.list({page: 1, size: theme.config?.home?.home_featured_count ?: 3, sort: {'spec.pinned,desc', 'spec.publishTime,desc'}})}"
 >
   <div class="wi-container">
     <div class="wi-section__header">
@@ -24,10 +24,16 @@
           <img th:src="${post.spec.cover}" th:alt="${post.spec.title}" class="wi-featured__image" />
         </div>
         <div class="wi-featured__body">
-          <time
-            class="wi-featured__date"
-            th:text="${#dates.format(post.spec.publishTime, 'yyyy-MM-dd')}"
-          ></time>
+          <div class="wi-featured__top-row">
+            <time
+              class="wi-featured__date"
+              th:text="${#dates.format(post.spec.publishTime, 'yyyy-MM-dd')}"
+            ></time>
+            <span
+              class="wi-featured__pinned"
+              th:if="${post.spec.pinned}"
+            >置顶</span>
+          </div>
           <h3
             class="wi-featured__title"
             th:text="${post.spec.title}"
@@ -131,6 +137,22 @@
     flex: 1;
   }
 
+  .wi-featured__top-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+
+  .wi-featured__pinned {
+    font-size: var(--text-xs);
+    font-weight: 600;
+    color: var(--accent);
+    background: var(--accent-bg);
+    padding: 2px 8px;
+    border-radius: 9999px;
+    letter-spacing: var(--tracking-wide);
+  }
+
   .wi-featured__date {
     font-size: var(--text-xs);
     color: var(--ink-3);

src/pages/post.astro

@@ -755,8 +755,8 @@ import LightGallery from "../components/LightGallery.astro";
   .wi-toc-fab {
     display: none;
     position: fixed;
-    bottom: 1.5rem;
-    right: 1.5rem;
+    bottom: 32px;
+    right: 24px;
     width: 44px;
     height: 44px;
     border-radius: 50%;
@@ -779,6 +779,16 @@ import LightGallery from "../components/LightGallery.astro";
   @media (max-width: 1279px) {
     .wi-toc-fab {
       display: inline-flex;
+      bottom: 152px;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .wi-toc-fab {
+      right: 16px;
+      bottom: 152px;
+      width: 40px;
+      height: 40px;
     }
   }