置顶文章
This commit is contained in:
liuzhihang
parent
061d654e04
commit
fa9c7c8388
|
|
@ -13,12 +13,13 @@
|
||||||
<div class="category-in-bar-tips">分类</div>
|
<div class="category-in-bar-tips">分类</div>
|
||||||
<div id="category-bar">
|
<div id="category-bar">
|
||||||
<div class="category-bar-items" id="category-bar-items">
|
<div class="category-bar-items" id="category-bar-items">
|
||||||
<div class="category-bar-item select" id="category-bar-home">
|
<div class="category-bar-item" id="category-bar-home">
|
||||||
<a href="/">首页</a>
|
<a href="/">首页</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="category-bar-item"
|
<div class="category-bar-item"
|
||||||
th:each="categoryItem : ${categoryFinder.listAll()}"
|
th:each="categoryItem : ${categoryFinder.listAll()}"
|
||||||
th:id="${categoryItem.spec.displayName}">
|
th:id="${categoryItem.spec.displayName}"
|
||||||
|
th:classappend="${category.metadata.name == categoryItem.metadata.name} ? 'select'">
|
||||||
<a th:href="${categoryItem.status.permalink}"
|
<a th:href="${categoryItem.status.permalink}"
|
||||||
th:text="${categoryItem.spec.displayName}"></a>
|
th:text="${categoryItem.spec.displayName}"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,108 +1,36 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
|
||||||
<div class="topGroup" th:fragment="top-group">
|
<!-- 这里应该改为 6 篇置顶文章 -->
|
||||||
<div class="recent-post-item">
|
<div class="topGroup" th:fragment="top-group" th:with="posts = ${postFinder.list(1,6)}">
|
||||||
<div class="post_cover left_radius"><a href="p/1b0d95ef.html"
|
<div class="recent-post-item" th:each="post : ${posts}">
|
||||||
title="摸鱼 for Mac - 系统更新界面模拟器，高仿苹果macOS系统升级黑屏界面"><span
|
<div class="post_cover">
|
||||||
class="recent-post-top-text"
|
<a th:href="${post.status.permalink}" th:title="${post.spec.title}">
|
||||||
onclick="pjax.loadUrl("/p/1b0d95ef.html")">荐</span> <img
|
<span class="recent-post-top-text">荐</span>
|
||||||
alt="摸鱼 for Mac - 系统更新界面模拟器，高仿苹果macOS系统升级黑屏界面"
|
<img class="post_bg" th:alt="${post.spec.title}" th:src="${post.spec.cover}">
|
||||||
class="post_bg"
|
</a>
|
||||||
data-lazy-src="https://p.zhheo.com/eHesos21190681656557411689.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/1b0d95ef.html")"><a
|
<div class="recent-post-info">
|
||||||
class="article-title" href="p/1b0d95ef.html"
|
<a class="article-title"
|
||||||
title="摸鱼 for Mac - 系统更新界面模拟器，高仿苹果macOS系统升级黑屏界面">摸鱼 for Mac -
|
th:href="${post.status.permalink}"
|
||||||
系统更新界面模拟器，高仿苹果macOS系统升级黑屏界面</a></div>
|
th:text="${post.spec.title}"
|
||||||
</div>
|
th:title="${post.spec.title}">
|
||||||
<div class="recent-post-item">
|
</a>
|
||||||
<div class="post_cover right_radius"><a href="p/5115d869.html" title="微信表情：熊猫二憨已上线！"><span
|
|
||||||
class="recent-post-top-text"
|
|
||||||
onclick="pjax.loadUrl("/p/5115d869.html")">荐</span> <img
|
|
||||||
alt="微信表情：熊猫二憨已上线！"
|
|
||||||
class="post_bg"
|
|
||||||
data-lazy-src="https://p.zhheo.com/PvbpiY20190381646706601470.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/5115d869.html")"><a
|
|
||||||
class="article-title" href="p/5115d869.html"
|
|
||||||
title="微信表情：熊猫二憨已上线！">微信表情：熊猫二憨已上线！</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-item">
|
|
||||||
<div class="post_cover left_radius"><a href="p/9df485ea.html"
|
|
||||||
title="比例计 for Mac - 设计师的比例计算工具｜比例计算 尺寸计算 常用比例 比例计算器"><span
|
|
||||||
class="recent-post-top-text"
|
|
||||||
onclick="pjax.loadUrl("/p/9df485ea.html")">荐</span> <img
|
|
||||||
alt="比例计 for Mac - 设计师的比例计算工具｜比例计算 尺寸计算 常用比例 比例计算器"
|
|
||||||
class="post_bg"
|
|
||||||
data-lazy-src="https://p.zhheo.com/BDDRvO24291281640141622573.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/9df485ea.html")"><a
|
|
||||||
class="article-title" href="p/9df485ea.html"
|
|
||||||
title="比例计 for Mac - 设计师的比例计算工具｜比例计算 尺寸计算 常用比例 比例计算器">比例计
|
|
||||||
for Mac - 设计师的比例计算工具｜比例计算 尺寸计算 常用比例 比例计算器</a></div>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-item">
|
|
||||||
<div class="post_cover right_radius"><a href="p/a170ac02.html"
|
|
||||||
title="DelSpace3 for Mac - 文本处理工具|去空行 去空格 正则表达式替换"><span
|
|
||||||
class="recent-post-top-text"
|
|
||||||
onclick="pjax.loadUrl("/p/a170ac02.html")">荐</span> <img
|
|
||||||
alt="DelSpace3 for Mac - 文本处理工具|去空行 去空格 正则表达式替换"
|
|
||||||
class="post_bg"
|
|
||||||
data-lazy-src="https://p.zhheo.com/rcVHOw24491281640158664890.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/a170ac02.html")"><a
|
|
||||||
class="article-title" href="p/a170ac02.html"
|
|
||||||
title="DelSpace3 for Mac - 文本处理工具|去空行 去空格 正则表达式替换">DelSpace3 for Mac
|
|
||||||
- 文本处理工具|去空行 去空格 正则表达式替换</a></div>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-item">
|
|
||||||
<div class="post_cover left_radius"><a href="p/4db484b3.html"
|
|
||||||
title="轻节食APP正式上线！快速减肥可以从今天开始，定个小目标，坚持一个月！"><span
|
|
||||||
class="recent-post-top-text"
|
|
||||||
onclick="pjax.loadUrl("/p/4db484b3.html")">荐</span> <img
|
|
||||||
alt="轻节食APP正式上线！快速减肥可以从今天开始，定个小目标，坚持一个月！"
|
|
||||||
class="post_bg"
|
|
||||||
data-lazy-src="https://p.zhheo.com/7rZ69c20991281640144589173.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/4db484b3.html")"><a
|
|
||||||
class="article-title" href="p/4db484b3.html"
|
|
||||||
title="轻节食APP正式上线！快速减肥可以从今天开始，定个小目标，坚持一个月！">轻节食APP正式上线！快速减肥可以从今天开始，定个小目标，坚持一个月！</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-item">
|
|
||||||
<div class="post_cover right_radius"><a href="p/2daa6a7b.html"
|
|
||||||
title="Sticker-Heo表情发布：个人博客的基础表情系列"><span
|
|
||||||
class="recent-post-top-text"
|
|
||||||
onclick="pjax.loadUrl("/p/2daa6a7b.html")">荐</span> <img
|
|
||||||
alt="Sticker-Heo表情发布：个人博客的基础表情系列"
|
|
||||||
class="post_bg"
|
|
||||||
data-lazy-src="https://p.zhheo.com/Kjhrny22490581621235364737.png!cover"
|
|
||||||
onerror='this.onerror=null,this.src="https://img.zhheo.com/i/2022/08/31/630efd3d82799.webp"'></a>
|
|
||||||
</div>
|
|
||||||
<div class="recent-post-info" onclick="pjax.loadUrl("/p/2daa6a7b.html")"><a
|
|
||||||
class="article-title" href="p/2daa6a7b.html"
|
|
||||||
title="Sticker-Heo表情发布：个人博客的基础表情系列">Sticker-Heo表情发布：个人博客的基础表情系列</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todayCard" id="todayCard"
|
|
||||||
onclick='window.open("https://www.bilibili.com/video/BV1A841147Ef/")'>
|
|
||||||
<div class="todayCard-info">
|
|
||||||
<div class="todayCard-tips">音乐推荐</div>
|
|
||||||
<div class="todayCard-title">逐星</div>
|
|
||||||
</div>
|
|
||||||
<div class="todayCard-cover"
|
|
||||||
style="background:url(https://img.zhheo.com/i/2022/09/23/632d1625aa0d7.webp) no-repeat center/cover"></div>
|
|
||||||
<div class="banner-button-group"><a class="banner-button"
|
|
||||||
onclick="window.event.cancelBubble=!0,heo.hideTodayCard()"><i
|
|
||||||
class="fas fa-circle-plus"></i><span class="banner-button-text">更多推荐</span></a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 这块功能依赖后台配置 -->
|
||||||
|
<!--<div class="todayCard" id="todayCard" onclick='window.open("https://www.bilibili.com/video/BV1A841147Ef/")'>-->
|
||||||
|
<!-- <div class="todayCard-info">-->
|
||||||
|
<!-- <div class="todayCard-tips">音乐推荐</div>-->
|
||||||
|
<!-- <div class="todayCard-title">逐星</div>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <div class="todayCard-cover"-->
|
||||||
|
<!-- style="background:url(https://img.zhheo.com/i/2022/09/23/632d1625aa0d7.webp) no-repeat center/cover"></div>-->
|
||||||
|
<!-- <div class="banner-button-group"><a class="banner-button"-->
|
||||||
|
<!-- onclick="window.event.cancelBubble=!0,heo.hideTodayCard()"><i-->
|
||||||
|
<!-- class="fas fa-circle-plus"></i><span class="banner-button-text">更多推荐</span></a>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!--</div>-->
|
||||||
</div>
|
</div>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue