🐛 Fixed #158 Rollback animate style to old version.

assets/css/_common/components/pages/flinks.scss

@@ -1,6 +1,6 @@
 .flinks-block {
 
-  .flinks-block-title {
+  .flinks-header {
     text-align: center;
     font-weight: bold;
   }

assets/css/_common/components/post/index.scss

@@ -24,13 +24,13 @@
   }
 
   @if $motion_trans_post_header {
-    .post-header {
+    .post-header, .flinks-header {
       visibility: hidden;
     }
   }
 
   @if $motion_trans_post_body {
-    .post-body {
+    .post-body, .flinks-body  {
       visibility: hidden;
     }
   }

assets/css/noscript.scss

@@ -3,10 +3,13 @@ body { margin-top: 2rem; }
 .use-motion .menu-item,
 .use-motion .sidebar,
 .use-motion .post-block,
+.use-motion .flinks-block,
 .use-motion .pagination,
 .use-motion .comments,
 .use-motion .post-header,
+.use-motion .flinks-header,
 .use-motion .post-body,
+.use-motion .flinks-body,
 .use-motion .collection-header {
   visibility: visible;
 }

assets/js/motion.js

@@ -97,8 +97,8 @@ NexT.motion.middleWares = {
 
     animate(postblock, '.post-block, .flinks-block, .pagination, .post-comments');
     animate(collheader, '.collection-header');
-    animate(postheader, '.post-header');
+    animate(postheader, '.post-header, .flinks-header');
-    animate(postbody, '.post-body');
+    animate(postbody, '.post-body, .flinks-body');
 
     return sequence;
   },

data/resources.yaml

@@ -69,7 +69,7 @@ css:
     alias: '@fortawesome/fontawesome-free'
 
   - name: animate.css
-    version: 4.1.1
+    version: 3.7.2
     file: animate.min.css
 
   - name: viewerjs

exampleSite/content/about/index.en-us.md

@@ -26,4 +26,4 @@ Continuing the classic black-and-white color scheme of `NexT`, it maintains simp
 > [!INFO]
 > Chinese's users can also join the QQ group for communication: 604710815
 
-{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
+{{< music url="/music/sky.mp3" name="City of the Sky" artist="Hayao Miyazaki" cover="/music/gongqijun.jpg" autoplay="true" >}}

exampleSite/content/about/index.md

@@ -1,6 +1,5 @@
 ---
 title: "关于 Hugo NexT 组织"
-description: "Hugo NexT 组织介绍说明。"
 
 date: 2022-06-09T20:12:52+08:00
 lastmod: 2022-06-09T20:12:52+08:00
@@ -27,4 +26,4 @@ url: about.html
 > [!INFO]
 > 同时国内用户也可加入 QQ 群交流： 604710815
 
-{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
+{{< music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" >}}

exampleSite/content/post/12-shortcodes/index.en-us.md

@@ -145,7 +145,7 @@ Based on [Player](https://github.com/DIYgod/APlayer) And [MatingJS](https://gith
 {{</* music server="netease" type="playlist" id="1982066521" list-max-height="140" */>}}
 ```
 
-{{< music server="netease" type="playlist" id="1982066521" list-max-height="140px" >}}
+{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
 
 ### Customize music source
 

exampleSite/content/post/12-shortcodes/index.md

@@ -141,7 +141,8 @@ toc: true
 {{</* music server="netease" type="playlist" id="1982066521" list-max-height="140" */>}}
 ```
 
-{{< music server="netease" type="playlist" id="1982066521" list-max-height="140px" >}}
+{{< music server="netease" type="playlist" id="1982066521" list-max-height="140" >}}
+
 ### 自定义音乐源
 
 ```markdown

exampleSite/hugo.yaml

@@ -1189,11 +1189,10 @@ params:
     enable: true
     async: true
     transition:
-      # All available transition variants: https://theme-next.js.org/animate/
       postBlock: fadeIn
       postHeader: fadeInDown
       postBody: fadeInDown
-      collHeader: fadeInLeft
+      collHeader: slideInRight
       # 侧边样效果 只有在 Pisces | Gemini 模式下才支持
       # Only for Pisces | Gemini.
       sidebar: fadeInUp

layouts/flinks/single.html

@@ -5,7 +5,8 @@
 {{ define "main" }}
 
 <div class="flinks-block">
-<h1 class="flinks-block-title">{{ .Title }}</h1>
+<h1 class="flinks-header">{{ .Title }}</h1>
+<div class="flinks-body">
 <div class="flinks-lists">
   {{ $flinksData := "" }}
   {{ if .IsTranslated }}
@@ -38,5 +39,5 @@
 <div class="flinks-list-footer"><hr/></div>
 <div class="flinks-page-desc">{{ .Content }}</div>
 </div>
-
+</div>
 {{ end }}

layouts/shortcodes/music.html

@@ -18,7 +18,7 @@
   {{ with .Get "volume" }} volume="{{ . }}" {{ end }}
   {{ with .Get "mutex" }} mutex="{{ . }}" {{ end }}
   {{ with .Get "list-folded" }} list-folded="{{ . }}" {{ end }}
-  {{ with .Get "list-max-height" }} list-max-height="{{ . }}" {{ end  }}
+  {{ with .Get "list-max-height" }} list-max-height="{{ . }}px" {{ end }}
   ></meting-js>
 
 {{ .Page.Store.SetInMap "scParams" "music" true }}