fixed bug

themes/Ying/assets/css/aos.css

@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[dLine truncated

themes/Ying/assets/css/main.css

@@ -3085,6 +3085,63 @@ input[type=submit] {
     --at-color-bg-grey: #f9f9f9 !important;
 }
 
+/* Loading Skeleton */
+.atk-loading-placeholder {
+    padding: 20px 0;
+}
+
+.atk-loading-item {
+    display: flex;
+    margin-bottom: 20px;
+    padding: 10px 0;
+    /* border-bottom: 1px dashed var(--at-color-border); */ /* Optional */
+}
+
+.atk-loading-avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: #f2f2f2;
+    margin-right: 15px;
+    margin-top: 5px;
+    flex-shrink: 0;
+}
+
+.atk-loading-content {
+    flex: 1;
+}
+
+.atk-loading-line {
+    height: 10px;
+    background-color: #f2f2f2;
+    border-radius: 4px;
+    margin-bottom: 8px;
+}
+
+.atk-loading-line.width-name { width: 100px; height: 12px; margin-bottom: 12px; }
+.atk-loading-line.width-80 { width: 80%; }
+.atk-loading-line.width-60 { width: 60%; }
+.atk-loading-line.width-40 { width: 40%; }
+
+/* Shimmer Effect */
+@keyframes atk-skeleton-shimmer {
+    0% { background-position: -200% 0; }
+    100% { background-position: 200% 0; }
+}
+
+.atk-loading-avatar, .atk-loading-line {
+    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: atk-skeleton-shimmer 1.5s infinite;
+}
+
+/* Dark Mode Skeleton */
+[data-theme="dark"] .atk-loading-avatar, 
+[data-theme="dark"] .atk-loading-line {
+    background: linear-gradient(90deg, #2a2a2a 25%, #333 50%, #2a2a2a 75%);
+    background-size: 200% 100%;
+}
+
 /* Layout & Spacing */
 .atk-comment { padding: 10px 0 !important; }
 .atk-list-read-more { padding-bottom: 0 !important; }

themes/Ying/assets/js/aos.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r=n(1),a=(o(r),n(6)),u=o(a),c=n(7),f=o(c),s=n(8),d=o(s),l=n(9),p=o(l),m=n(10),b=o(m),v=n(11),y=o(v),g=n(14),h=o(g),w=[],k=!1,x=document.all&&!window.atob,j={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,startEvent:"DOMContentLoaded",throttleDelay:99,debounceDelay:50,disableMutationObserver:!1},O=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,j),(0,b.default)(w,j.once),w},_=function(){w=(0,h.default)(),O()},S=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},z=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},A=function(e){return j=i(j,e),w=(0,h.default)(),z(j.disable)||x?S():(document.querySelector("body").setAttribute("data-aos-easing",j.easing),document.querySelector("body").setAttribute("data-aos-duration",j.duration),document.querySelector("body").setAttribute("data-aos-delay",j.delay),"DOMContentLoaded"===j.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?O(!0):"load"===j.startEvent?window.addEventListener(j.startEvent,function(){O(!0)}):document.addEventListener(j.startEvent,function(){O(!0)}),window.addEventListener("resize",(0,f.default)(O,j.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(O,j.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,j.once)},j.throttleDelay)),j.disableMutationObserver||(0,d.default)("[data-aos]",_),w)};e.exports={init:A,refresh:O,refreshHard:_}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===Line truncated

themes/Ying/layouts/_default/about.html

@@ -1,12 +1,12 @@
 {{ define "main" }}
 <div id="pjax-container">
-  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > h2,p; cls: uk-animation-slide-bottom-small; delay: 0">
+  <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">
     {{ .Content }}
     
     <!-- Album Section -->
     <div style="margin-top: 40px;">
         <div class="section-title">03 / 光影 (Album)</div>
-        <div class="album-content">
+        <div class="album-content" uk-scrollspy="target: > .album-item; cls: uk-animation-slide-bottom-small; delay: 100">
             {{ range site.Data.album }}
             <div class="album-item">
                 <div class="album-img-box">

themes/Ying/layouts/_default/circles.html

@@ -395,15 +395,16 @@
         let html = "";
         posts.forEach((post, index) => {
           const dateStr = this.timeAgo(post.date);
-          // 减少延迟时间，避免动画积压
-          const delay = index * 0.05;
           // 背景图固定使用头像，以获得一致的装饰效果
           const bgImageSrc = post.avatar;
           // Escape quotes for data attribute
           const description = post.description ? post.description.replace(/"/g, '"') : '';
           
+          // Calculate delay for staggered animation
+          const delay = index * 100;
+
           html += `
-                        <a href="${post.link}" target="_blank" class="fc-item uk-animation-slide-bottom-small" style="animation-delay: ${delay}s" data-desc="${description}" data-title="${post.title}">
+                        <a href="${post.link}" target="_blank" class="fc-item" data-desc="${description}" data-title="${post.title}" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: ${delay}">
                             <div class="fc-title" title="${post.title}">${post.title}</div>
                             <img src="${bgImageSrc}" class="fc-bg-image" loading="lazy" onerror="this.style.opacity=0">
                             <div class="fc-bottom">

themes/Ying/layouts/_default/home.html

@@ -18,7 +18,7 @@
                 <div id="inline-search-results" class="search-dropdown"></div>
             </div>
             
-            <div class="posts" uk-scrollspy="target: > .post; cls: uk-animation-slide-bottom-small; delay: 150">
+            <div class="posts" uk-scrollspy="target: > .post; cls: uk-animation-slide-bottom-small; delay: 100">
                 <!-- 使用 sort 对文章按 Weight 排序 -->
                 {{ $posts := sort (where (where .Site.RegularPages "Type" "post") "Params.status" "ne" "hidden")
                 "Weight" }}

themes/Ying/layouts/_default/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div id="pjax-container">
 <article>
-    <div class="post-list section" uk-scrollspy="target: > .post; cls: uk-animation-slide-bottom-small; delay: 150">
+    <div class="post-list section" uk-scrollspy="target: > .post; cls: uk-animation-slide-bottom-small; delay: 100">
         {{ $paginator := .Paginate (where (where .Site.RegularPages "Type" "post") "Params.status" "ne" "hidden") }}
         {{ range $paginator.Pages }}
         <div class="post">

themes/Ying/layouts/_default/new-links-lite.html

@@ -70,7 +70,7 @@
     </style>
     <div class="post-content" itemprop="articleBody">
         <div class="links">
-            <ul id="links-list" uk-scrollspy="target: > li; cls: uk-animation-slide-bottom-small; delay: 0">
+            <ul id="links-list" uk-scrollspy="target: > li; cls: uk-animation-slide-bottom-small; delay: 50">
                 <!-- 静态生成的内容作为 SEO 兜底或构建时数据 -->
                 {{ range site.Data.links.blogs }}
                 <li><a href="{{ .url }}" class="url-name" target="_blank">{{ .name }}</a><span style="margin-left: 13px;">{{ .description }}</span></li>

themes/Ying/layouts/_default/new-links.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div id="pjax-container">
     <div class="post-content" itemprop="articleBody">
-        <div id="links-container" class="items" uk-scrollspy="target: > .item-box; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div id="links-container" class="items" uk-scrollspy="target: > .item-box; cls: uk-animation-slide-bottom-small; delay: 100">
             <!-- 静态生成的内容作为 SEO 兜底或构建时数据 -->
             {{ range site.Data.links.blogs }}
             <div class="item-box">

themes/Ying/layouts/_default/single.html

@@ -4,7 +4,7 @@
     <div id="data-pid" style="display:none;">{{ .RelPermalink }}</div>
     <article style="margin-bottom: 3.5em;">
         <h1 class="post-title" itemprop="name headline" uk-scrollspy="cls: uk-animation-slide-top-small; delay: 200">{{ .Title }}</h1>
-        <div class="meta" uk-scrollspy="cls: uk-animation-fade; delay: 300">
+        <div class="meta" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: 300">
             <span class="meta-item">作者: {{ .Params.author | default .Site.Params.author.name }}</span>
             <span class="meta-item">浏览: <span id="busuanzi_value_page_uv"></span></span>
             <span class="meta-item">字数: {{ .WordCount }}</span>
@@ -18,10 +18,10 @@
         
 
 
-        <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">
+        <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-fade; delay: 400">
+        <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">
                     <!-- 标签内容 -->

themes/Ying/layouts/categories/term.html

@@ -8,10 +8,11 @@
             </div>
         </div>
 
-        <div class="category-content" uk-scrollspy="target: > .year-group; cls: uk-animation-slide-bottom-small; delay: 100">
+
+        <div class="category-content">
             {{ $paginator := .Paginate .Pages }}
             {{ range $paginator.Pages.GroupByDate "2006" }}
-            <div class="year-group">
+            <div class="year-group" data-aos="fade-up" data-aos-delay="100">
                 <h2 class="year-title">{{ .Key }}</h2>
                 <ul class="year-list">
                     {{ range .Pages }}

themes/Ying/layouts/partials/artalk.html

@@ -17,7 +17,26 @@
     }
 </style>
 <!-- Artalk -->
-<div id="Comments" uk-scrollspy="target: div,span,img; cls: uk-animation-slide-bottom-small;"></div>
+<div id="Comments" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">
+    <!-- Loading Skeleton -->
+    <div class="atk-loading-placeholder">
+        <div class="atk-loading-item">
+            <div class="atk-loading-avatar"></div>
+            <div class="atk-loading-content">
+                <div class="atk-loading-line width-name"></div>
+                <div class="atk-loading-line width-80"></div>
+                <div class="atk-loading-line width-60"></div>
+            </div>
+        </div>
+        <div class="atk-loading-item">
+            <div class="atk-loading-avatar"></div>
+            <div class="atk-loading-content">
+                <div class="atk-loading-line width-name"></div>
+                <div class="atk-loading-line width-60"></div>
+            </div>
+        </div>
+    </div>
+</div>
 <!-- JS -->
 <!-- <script src="/js/Artalk.js"></script> -->
 <script>