github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

懒加载

This commit is contained in:
liuzhihang 2022-10-21 23:39:53 +08:00
parent da28b49a77
commit 3ad80df398
6 changed files with 37 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
templates/assets/images/404.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

63
templates/assets/zhheo/zhheoblog.css
View File

@ -5299,7 +5299,7 @@ html {
}
#nav #site-name::after {
background: url("https://img.zhheo.com/i/2022/08/31/630efbc7e1ca6.webp") 50% 50% no-repeat;
background: url(../images/home.webp) 50% 50% no-repeat;
opacity: 0;
position: absolute;
display: flex;
@ -6950,20 +6950,21 @@ span.fund_name {
transform: rotateY(180deg);
}
.face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
background: url("https://img.zhheo.com/i/2022/08/31/630efc6e3e794.png") center center / 100% no-repeat;
}
/* 公众号推广部分 */
/*.face {*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/* backface-visibility: hidden;*/
/* background: url(../images/404.gif) center center / 100% no-repeat;*/
/*}*/
.back.face {
display: block;
transform: rotateY(180deg);
box-sizing: border-box;
background: url("https://img.zhheo.com/i/2022/08/31/630efca2abb02.png") center center / 100% no-repeat;
}
/*.back.face {*/
/* display: block;*/
/* transform: rotateY(180deg);*/
/* box-sizing: border-box;*/
/* background: url(../images/404.gif) center center / 100% no-repeat;*/
/*}*/
#card-vip-designweekly.card-widget {
padding: 0px;
@ -7609,7 +7610,7 @@ div#banners {
height: 24px;
width: 44px;
content: "";
background: url("https://img.zhheo.com/i/2022/08/31/630efd0bc1115.png") 0% 0% / 38px 24px no-repeat;
background: url(../images/top.png) 0% 0% / 38px 24px no-repeat;
position: absolute;
top: 0px;
left: 0px;
@ -10020,7 +10021,7 @@ blockquote p {
}
#article-container img.error {
content: url("https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp");
content: url(../images/404.gif);
}
.doge-inner-player {
@ -10083,7 +10084,7 @@ blockquote p {
left: 0px;
width: 100%;
height: 100%;
background: url("https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp") 0% 0% / 100% 100%;
background: url(../images/404.gif) 0% 0% / 100% 100%;
}
.relatedPosts > .relatedPosts-list a {
@ -10397,7 +10398,7 @@ a.reward-main-btn {
a.reward-main-btn:hover {
color: var(--heo-white);
background-image: url("https://p.zhheo.com/JgNrST23690481619450556342.gif!cover");
background-image: url(../images/404.gif);
box-shadow: var(--heo-shadow-red);
}
@ -13122,7 +13123,7 @@ span.hexo-douban-pagenum {
}
.author-content-item.map {
background: url("https://img.zhheo.com/i/2022/08/31/630ef8e827401.webp") center center / 100% no-repeat;
background: url(../images/404.gif) center center / 100% no-repeat;
min-height: 160px;
max-height: 400px;
position: relative;
@ -13133,7 +13134,7 @@ span.hexo-douban-pagenum {
}
[data-theme="dark"] .author-content-item.map {
background: url("https://img.zhheo.com/i/2022/08/31/630ef8db0fefe.webp") center center / 100% no-repeat;
background: url(../images/404.gif) center center / 100% no-repeat;
}
.author-content-item.map:hover {
@ -13515,7 +13516,7 @@ span.hexo-douban-pagenum {
#about-page .about-statistic {
min-height: 380px;
width: 39%;
background: url("https://img.zhheo.com/i/2022/09/23/632d5d8f37e90.webp") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
color: var(--heo-white);
overflow: hidden;
}
@ -13693,7 +13694,7 @@ span.hexo-douban-pagenum {
}
.author-content-item.game-lol {
background: url("https://img.zhheo.com/i/2022/08/31/630efa7ae39fe.webp") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
min-height: 300px;
overflow: hidden;
color: var(--heo-white);
@ -13747,16 +13748,16 @@ span.hexo-douban-pagenum {
}
.icon-pos-sup {
background: url("https://img.zhheo.com/i/2022/08/25/63074b68d9f4c.png");
background: url(../images/404.gif);
}
.icon-pos-mid {
background: url("https://img.zhheo.com/i/2022/08/25/63074b54d2731.png");
background: url(../images/404.gif);
}
.author-content-item.game-wolf {
width: 39%;
background: url("https://img.zhheo.com/i/2022/08/31/630efa916a851.webp") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
min-height: 300px;
overflow: hidden;
color: var(--heo-white);
@ -13773,13 +13774,13 @@ span.hexo-douban-pagenum {
}
.author-content-item.like-technology {
background: url("https://img.zhheo.com/i/2022/08/31/630efac3ecef3.webp") 0% 0% / cover no-repeat;
background: url(../images/404.gif) 0% 0% / cover no-repeat;
min-height: 230px;
color: var(--heo-white);
}
.author-content-item.like-music {
background: url("https://img.zhheo.com/i/2022/08/31/630efae141e9a.webp") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
min-height: 400px;
color: var(--heo-white);
overflow: hidden;
@ -13855,7 +13856,7 @@ span.hexo-douban-pagenum {
.author-content-item.single.like-movie {
height: 19rem;
background: url("https://img.zhheo.com/i/2022/09/27/633289920d1c7.webp") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
color: var(--heo-white);
overflow: hidden;
}
@ -13917,7 +13918,7 @@ span.hexo-douban-pagenum {
.author-content.author-content-item.toolPage {
height: 19rem;
background: url("https://img.zhheo.com/i/2022/08/26/6308d5778ba3c.jpg") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
color: var(--heo-white);
overflow: hidden;
margin-top: 0px;
@ -13925,7 +13926,7 @@ span.hexo-douban-pagenum {
.author-content.author-content-item.momentsPage {
height: 19rem;
background: url("https://img.zhheo.com/i/2022/08/26/6308d5b137881.jpg") center top / cover no-repeat;
background: url(../images/404.gif) center top / cover no-repeat;
color: var(--heo-white);
overflow: hidden;
margin-top: 0px;
@ -13933,7 +13934,7 @@ span.hexo-douban-pagenum {
.author-content.author-content-item.essayPage {
height: 19rem;
background: url("https://img.zhheo.com/i/2022/08/27/6309587509a02.jpg") center center / cover no-repeat;
background: url(../images/404.gif) center center / cover no-repeat;
color: var(--heo-white);
overflow: hidden;
margin-top: 0px;

2
templates/modules/widgets/recent-posts.html
View File

@ -6,7 +6,7 @@
<!-- 最新文章，用户可以自定义展示数量 -->
<div class="aside-list-item" th:each="post : ${posts}">
<a class="thumbnail" th:href="${post.status.permalink}" th:title="${post.spec.title}">
<img th:alt="${post.spec.title}" th:src="${post.spec.cover}">
<img loading="lazy" th:alt="${post.spec.title}" th:src="${post.spec.cover}">
</a>
<div class="content">
<a class="title" th:href="${post.status.permalink}" th:text="${post.spec.title}"

2
templates/modules/widgets/top-group.html
View File

@ -7,7 +7,7 @@
<div class="post_cover">
<a th:href="${post.status.permalink}" th:title="${post.spec.title}">
<span class="recent-post-top-text">荐</span>
<img class="post_bg" th:alt="${post.spec.title}" th:src="${post.spec.cover}">
<img loading="lazy" class="post_bg" th:alt="${post.spec.title}" th:src="${post.spec.cover}">
</a>
</div>
<div class="recent-post-info">

4
templates/post.html
View File

@ -6,7 +6,7 @@
<header class="post-bg" id="page-header" th:style="'background-image:url(' + ${post.spec.cover} + ')'">
<nav th:replace="modules/nav :: nav"></nav>
<div class="coverdiv" id="coverdiv">
<img alt="cover" id="post-cover" th:src="${post.spec.cover}">
<img loading="lazy" alt="cover" id="post-cover" th:src="${post.spec.cover}">
</div>
<div id="post-info">
@ -202,7 +202,7 @@
<!-- 建议阅读，这里可以自定义文章数量，然后遍历展示 -->
<div>
<a href="#" title="相关推荐文章">
<img alt="cover" class="cover"
<img loading="lazy" alt="cover" class="cover"
src="https://t7.baidu.com/it/u=91673060,7145840&fm=193&f=GIF">
<div class="content is-center">
<div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-05-28</div>

2
templates/tag.html
View File

@ -24,7 +24,7 @@
<div class="article-sort-item" th:each="post : ${postItems}">
<a class="article-sort-item-img" th:href="${post.status.permalink}"
th:title="${post.spec.title}">
<img th:alt="${post.status.excerpt}" th:src="@{${post.spec.cover}}">
<img loading="lazy" th:alt="${post.status.excerpt}" th:src="@{${post.spec.cover}}">
</a>
<div class="article-sort-item-info">
<div class="article-sort-item-time"><i class="far fa-calendar-alt"></i>