fixed bug
This commit is contained in:
1 parent
53f2c6076c
commit
7b945786ed
13 files changed
+170
-935
No files matched your search
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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" }}
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
<!-- 标签内容 -->
|
||||
|
||||
Reference in new issue
Block a user