added 打赏效果

themes/Ying/layouts/_default/single.html

@@ -21,15 +21,46 @@
         <div class="post-content" id="post-writing" itemprop="articleBody" uk-scrollspy="target: > h2, > h3, > h4, > blockquote, > img, > table, > figure; cls: uk-animation-slide-bottom-small; delay: 100">
             {{ .Content }}
         </div>
-        <div class="post-tags" style="margin-top: -30px;" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: 400">
-            <nav class="nav tags">
-                <ul class="flat">
-                    <!-- 标签内容 -->
-                </ul>
-            </nav>
-        </div>
+
+
     </article>
     <hr class="uk-divider-icon">
+
+    <!-- 打赏模块 -->
+    {{ if .Site.Params.reward.enable }}
+    <div class="reward-container" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: 600">
+        <button id="reward-btn" class="reward-btn">
+            <i class="ri-hand-coin-line"></i>打赏一下
+        </button>
+        <div id="reward-modal" class="reward-modal">
+            <div class="reward-content">
+                <div class="reward-close" id="reward-close">
+                    <i class="ri-close-line"></i>
+                </div>
+                <h3 class="reward-title">感谢支持小站</h3>
+                <div class="reward-qr-group">
+                    {{ with .Site.Params.reward.wechat }}
+                    <div class="reward-qr-item">
+                        <div class="reward-qr-img-wrapper">
+                            <img src="{{ . }}" alt="微信打赏">
+                        </div>
+                        <span>微信</span>
+                    </div>
+                    {{ end }}
+                    {{ with .Site.Params.reward.alipay }}
+                    <div class="reward-qr-item">
+                        <div class="reward-qr-img-wrapper">
+                            <img src="{{ . }}" alt="支付宝打赏">
+                        </div>
+                        <span>支付宝</span>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </div>
+    {{ end }}
+
     <div id="comments" class="comments-area">
         <!-- 评论区内容 -->
 

themes/Ying/layouts/partials/footer.html

@@ -60,6 +60,7 @@
 {{ $message := resources.Get "js/libs/message.min.js" }}
 {{ $echarts := resources.Get "js/libs/echarts.min.js" }}
 {{ $tiaozhuan := resources.Get "js/modules/tiaozhuan.js" }}
+{{ $reward := resources.Get "js/modules/reward.js" }}
 
 {{/* Modules */}}
 {{ $utils := resources.Get "js/modules/utils.js" }}
@@ -71,7 +72,8 @@
 {{ $artalkModule := resources.Get "js/modules/artalk.js" }}
 {{ $pjaxLib := resources.Get "js/libs/pjax.js" }}
 
-{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $artalk $barrage $utils $loader $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $message $echarts $tiaozhuan | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
+{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $artalk $barrage $utils $loader $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $message $echarts $tiaozhuan $reward | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
+
   <script src="{{ $scripts.RelPermalink }}"></script>
   <script>
     // Global configuration from Hugo