YaeBlog/Components/AppreciationCode.razor

@@ -1,20 +1,6 @@
-<div class="flex flex-wrap justify-center gap-6 max-w-md md:max-w-lg">
+<div class="flex flex-wrap justify-center gap-12 max-w-md md:max-w-lg">
-    <div class="relative w-40 h-40 md:w-48 md:h-48 overflow-hidden
+    <div class="relative w-40 h-48 md:w-48 md:w-48 overflow-hidden
-        transition-all duration-300 ease-out hover:scale-110 group">
+        transition-all duration-300 ease-out hover:scale-125 group">
-        <img
-            src="./images/alipay-code.jpeg"
-            alt="支付宝赞赏码"
-            class="w-full h-full object-cover"
-        />
-        <div class="absolute -bottom-8 left-0 right-0 text-center
-            text-white bg-black opacity-60 text-sm font-medium
-            backdrop-blur-sm group-hover:bottom-2 transition-all duration-300">
-            请我喝奶茶<br/>
-        </div>
-    </div>
-
-    <div class="relative w-40 h-40 md:w-48 md:h-48 overflow-hidden
-        transition-all duration-300 ease-out hover:scale-110 group">
         <img
             src="./images/wechat-code.jpeg"
             alt="微信赞赏码"
@@ -26,8 +12,18 @@
             请我喝奶茶<br/>
         </div>
     </div>
+
+    <div class="relative w-40 h-48 md:w-48 md:h-48 overflow-hidden
+        transition-all duration-300 ease-out hover:scale-125 group">
+        <img
+            src="./images/alipay-code.jpeg"
+            alt="支付宝赞赏码"
+            class="w-full h-full object-cover"/>
+        <div class="absolute -bottom-8 left-0 right-0 text-center
+            text-white bg-black opacity-60 text-sm font-medium
+            backdrop-blur-sm group-hover:bottom-2 transition-all duration-300">
+            请我吃晚饭<br/>
+        </div>
+    </div>
+
 </div>
-
-@code {
-
-}

YaeBlog/Components/LicenseDisclaimer.razor

@@ -1,6 +1,3 @@
-@using YaeBlog.Models
-@inject BlogOptions Options
-
 <div class="px-4 py-8 border border-sky-700 rounded-md bg-sky-200">
     <div class="flex flex-col gap-3 text-md">
         <div>
@@ -24,6 +21,17 @@
                 Ricardo's Blog
             </a>”。
         </div>
+
+        <div class="flex flex-col">
+            <div class="flex justify-center">
+                <p>如果觉得不错的话，可以支持一下作者哦~</p>
+            </div>
+
+            <div class="flex justify-center">
+                <AppreciationCode/>
+            </div>
+        </div>
+
     </div>
 </div>
 

YaeBlog/Models/BlogContents.cs

@@ -6,10 +6,7 @@ namespace YaeBlog.Models;
 public record BlogContents(ConcurrentBag<BlogContent> Drafts, ConcurrentBag<BlogContent> Posts)
     : IEnumerable<BlogContent>
 {
-    IEnumerator<BlogContent> IEnumerable<BlogContent>.GetEnumerator()
+    public IEnumerator<BlogContent> GetEnumerator() => Posts.Concat(Drafts).GetEnumerator();
-    {
-        return Posts.Concat(Drafts).GetEnumerator();
-    }
 
-    public IEnumerator GetEnumerator() => ((IEnumerable<BlogContent>)this).GetEnumerator();
+    IEnumerator IEnumerable.GetEnumerator() => GetEnumerator();
 }

YaeBlog/Pages/Essays.razor

@@ -46,10 +46,6 @@
                 @((MarkupString)_essay!.HtmlContent)
             </div>
 
-            <div>
-                <AppreciationCode/>
-            </div>
-
             <div>
                 <LicenseDisclaimer EssayFilename="@BlogKey"/>
             </div>