liuzhihang
GitHub
commit
f17c6fa3b7
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "halo-theme-hao",
|
"name": "halo-theme-hao",
|
||||||
"version": "1.0.3",
|
"version": "1.0.4",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -535,6 +535,21 @@ spec:
|
||||||
- group: post
|
- group: post
|
||||||
label: 文章
|
label: 文章
|
||||||
formSchema:
|
formSchema:
|
||||||
|
- $formkit: radio
|
||||||
|
name: dynamicBackground
|
||||||
|
label: 动态主色
|
||||||
|
value: false
|
||||||
|
options:
|
||||||
|
- label: 打开
|
||||||
|
value: true
|
||||||
|
- label: 关闭
|
||||||
|
value: false
|
||||||
|
help: "文章底部显示版权声明模块"
|
||||||
|
- $formkit: number
|
||||||
|
name: recommendQuantity
|
||||||
|
label: 阅读建议
|
||||||
|
value: 4
|
||||||
|
help: "推荐阅读的文章数量"
|
||||||
- $formkit: radio
|
- $formkit: radio
|
||||||
name: copyright
|
name: copyright
|
||||||
label: 版权声明
|
label: 版权声明
|
||||||
|
|
@ -650,6 +665,18 @@ spec:
|
||||||
- label: 关闭
|
- label: 关闭
|
||||||
value: false
|
value: false
|
||||||
|
|
||||||
|
- group: link
|
||||||
|
label: 友链
|
||||||
|
formSchema:
|
||||||
|
- $formkit: text
|
||||||
|
name: smallTitle
|
||||||
|
label: 小标题
|
||||||
|
value: 友情链接
|
||||||
|
- $formkit: text
|
||||||
|
name: bigTitle
|
||||||
|
label: 大标题
|
||||||
|
value: 我和我的小伙伴们
|
||||||
|
|
||||||
- group: other
|
- group: other
|
||||||
label: 其他设置
|
label: 其他设置
|
||||||
formSchema:
|
formSchema:
|
||||||
|
|
|
||||||
|
|
@ -761,7 +761,7 @@ document.addEventListener('pjax:send', function () {
|
||||||
})
|
})
|
||||||
|
|
||||||
document.addEventListener('load', function () {
|
document.addEventListener('load', function () {
|
||||||
coverColor()
|
// coverColor()
|
||||||
navTitle()
|
navTitle()
|
||||||
percent()
|
percent()
|
||||||
heo.topPostScroll()
|
heo.topPostScroll()
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,169 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" th:replace="modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'links')"
|
||||||
|
xmlns:th="http://www.thymeleaf.org">
|
||||||
|
|
||||||
|
<style type="text/css">#loading-box .loading-bg {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: fixed;
|
||||||
|
background: var(--heo-maskbgdeep);
|
||||||
|
z-index: 1999;
|
||||||
|
opacity: 1;
|
||||||
|
transition: 0.3s;
|
||||||
|
pointer-events: all;
|
||||||
|
backdrop-filter: saturate(180%) blur(20px);
|
||||||
|
-webkit-backdrop-filter: blur(20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#loading-box.loaded .loading-bg {
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loading-box .loading-img {
|
||||||
|
width: 100px;
|
||||||
|
margin: auto;
|
||||||
|
animation-duration: 0.3s;
|
||||||
|
animation-name: loadingAction;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-direction: alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes loadingAction {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<th:block th:fragment="content">
|
||||||
|
|
||||||
|
<div class="page" id="body-wrap">
|
||||||
|
<header class="not-top-img" id="page-header">
|
||||||
|
<nav th:replace="modules/nav :: nav"></nav>
|
||||||
|
</header>
|
||||||
|
<main class="layout hide-aside" id="content-inner">
|
||||||
|
<div id="page">
|
||||||
|
<div class="flink" id="banners">
|
||||||
|
<div class="banners-title">
|
||||||
|
<div class="banners-title-small">[[${theme.config.link.smallTitle}]]</div>
|
||||||
|
<div class="banners-title-big">[[${theme.config.link.bigTitle}]]</div>
|
||||||
|
</div>
|
||||||
|
<div class="banner-button-group">
|
||||||
|
<!--<a class="banner-button secondary" onclick="travelling()">-->
|
||||||
|
<!-- <i class="fas fa-shuffle"></i>-->
|
||||||
|
<!-- <span class="banner-button-text">随机访问</span>-->
|
||||||
|
<!--</a>-->
|
||||||
|
<a class="banner-button" href="#post-comment" rel="external nofollow">
|
||||||
|
<i class="fas fa-circle-chevron-right"></i>
|
||||||
|
<span class="banner-button-text">申请友链</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="tags-group-all nowrapMove">
|
||||||
|
<div class="tags-group-wrapper">
|
||||||
|
<th:block th:each="group : ${groups}">
|
||||||
|
<th:block th:each="link,iterStat : ${group.links}" th:if="${group.links.size > 2}">
|
||||||
|
<div class="tags-group-icon-pair" th:if="${iterStat.even}">
|
||||||
|
<a class="tags-group-icon" target="_blank"
|
||||||
|
th:href="${linkOdd.spec.url}"
|
||||||
|
th:title="${linkOdd.spec.displayName}"
|
||||||
|
th:with="linkOdd = ${group.links.get(iterStat.index - 1)}">
|
||||||
|
<img th:src="@{${linkOdd.spec.logo}}"
|
||||||
|
th:title="${linkOdd.spec.displayName}">
|
||||||
|
</a>
|
||||||
|
<a class="tags-group-icon" target="_blank"
|
||||||
|
th:href="${linkEven.spec.url}"
|
||||||
|
th:title="${linkEven.spec.displayName}"
|
||||||
|
th:with="linkEven = ${link}">
|
||||||
|
<img th:src="@{${linkEven.spec.logo}}"
|
||||||
|
th:title="${linkEven.spec.displayName}">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</th:block>
|
||||||
|
</th:block>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flink" id="article-container">
|
||||||
|
|
||||||
|
<th:block th:each="group,iterStat : ${groups}">
|
||||||
|
|
||||||
|
<h2>
|
||||||
|
<a class="headerlink" href="#" th:title="${group.spec.displayName}"></a>
|
||||||
|
[[${group.spec.displayName}]]
|
||||||
|
</h2>
|
||||||
|
<!--<div class="flink-desc">分类描述信息 xxxxx</div>-->
|
||||||
|
|
||||||
|
<!-- 第一个，使用卡片展示 -->
|
||||||
|
<div class="site-card-group" th:if="${iterStat.first}">
|
||||||
|
<div class="site-card" th:each="link : ${group.links}">
|
||||||
|
<!--<span class="site-card-tag">生活</span>-->
|
||||||
|
<a class="img" target="_blank" th:href="${link.spec.url}"
|
||||||
|
th:title="${link.spec.displayName}">
|
||||||
|
<img class="flink-avatar" style="pointer-events: none;"
|
||||||
|
th:alt="${link.spec.displayName}" th:src="${link.spec.logo}">
|
||||||
|
</a>
|
||||||
|
<a class="info cf-friends-link" target="_blank" th:href="${link.spec.url}"
|
||||||
|
th:title="${link.spec.displayName}">
|
||||||
|
<div class="site-card-avatar">
|
||||||
|
<img class="flink-avatar cf-friends-avatar"
|
||||||
|
th:alt="${link.spec.displayName}" th:src="${link.spec.logo}">
|
||||||
|
</div>
|
||||||
|
<div class="site-card-text">
|
||||||
|
<span class="title cf-friends-name" th:text="${link.spec.displayName}"></span>
|
||||||
|
<span class="desc" th:text="${link.spec.description}"
|
||||||
|
th:title="${link.spec.description}"></span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flink-list" th:if="${not iterStat.first}">
|
||||||
|
<div class="flink-list-item" th:each="link : ${group.links}">
|
||||||
|
<a class="cf-friends-link" rel="external nofollow"
|
||||||
|
target="_blank"
|
||||||
|
th:href="${link.spec.url}"
|
||||||
|
th:title="${link.spec.displayName}">
|
||||||
|
<img class="flink-avatar cf-friends-avatar"
|
||||||
|
th:alt="${link.spec.displayName}"
|
||||||
|
th:src="${link.spec.logo}">
|
||||||
|
<div class="flink-item-info">
|
||||||
|
<span class="flink-item-name cf-friends-name"
|
||||||
|
th:text="${link.spec.displayName}"></span>
|
||||||
|
<span class="flink-item-desc" th:text="${link.spec.description}"
|
||||||
|
th:title="${link.spec.description}"></span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</th:block>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<hr/>
|
||||||
|
<!-- 评论模块 -->
|
||||||
|
<div id="post-comment" th:if="${pluginFinder.available('PluginCommentWidget')}">
|
||||||
|
<div class="comment-head">
|
||||||
|
<div class="comment-headline"><i class="iconfont icon-comment-alt"></i> <span>评论</span></div>
|
||||||
|
<div class="comment-privacy"><a href="#">隐私政策</a></div>
|
||||||
|
<div class="comment-tips" id="comment-tips">
|
||||||
|
<span>你无需删除空行，直接评论以获取最佳展示效果</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<halo:comment group="content.halo.run" kind="SinglePage"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<!-- 底部 -->
|
||||||
|
<footer th:replace="modules/footer :: footer"></footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</th:block>
|
||||||
|
</html>
|
||||||
|
|
@ -92,7 +92,11 @@
|
||||||
|
|
||||||
<script th:inline="javascript">
|
<script th:inline="javascript">
|
||||||
|
|
||||||
coverColor();
|
|
||||||
|
if ([[${theme.config.post.dynamicBackground}]]) {
|
||||||
|
// 图片主色
|
||||||
|
coverColor();
|
||||||
|
}
|
||||||
|
|
||||||
if ([[${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}]]) {
|
if ([[${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}]]) {
|
||||||
// 移除加载动画
|
// 移除加载动画
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
<div id="post-firstinfo">
|
<div id="post-firstinfo">
|
||||||
<div class="meta-firstline">
|
<div class="meta-firstline">
|
||||||
<!-- 这里要跳转到版权页 -->
|
<!-- 这里要跳转到版权页 -->
|
||||||
<a class="post-meta-original" th:href="@{/cc}" title="该文章为原创文章，注意版权协议">原创</a>
|
<!--<a class="post-meta-original" th:href="@{/cc}" title="该文章为原创文章，注意版权协议">原创</a>-->
|
||||||
<span class="post-meta-categories"
|
<span class="post-meta-categories"
|
||||||
th:each="category : ${post.categories}"
|
th:each="category : ${post.categories}"
|
||||||
th:if="${not #lists.isEmpty(post.categories)}">
|
th:if="${not #lists.isEmpty(post.categories)}">
|
||||||
|
|
@ -196,20 +196,24 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="relatedPosts">
|
<div class="relatedPosts" th:if="${not #lists.isEmpty(post.categories)}">
|
||||||
|
|
||||||
<div class="headline">
|
<div class="headline">
|
||||||
<i class="iconfont icon-robot"></i>
|
<i class="iconfont icon-robot"></i>
|
||||||
<span>阅读建议</span>
|
<span>阅读建议</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="relatedPosts-list">
|
<div class="relatedPosts-list"
|
||||||
|
th:with="recommandPosts = ${postFinder.listByCategory(1, theme.config.post.recommendQuantity, post.categories.get(0).metadata.name)}">
|
||||||
<!-- 建议阅读，这里可以自定义文章数量，然后遍历展示 -->
|
<!-- 建议阅读，这里可以自定义文章数量，然后遍历展示 -->
|
||||||
<div>
|
<div th:each="recommandPost :${recommandPosts}">
|
||||||
<a href="#" title="相关推荐文章">
|
<a th:href="@{${recommandPost.status.permalink}}" th:title="${recommandPost.spec.title}">
|
||||||
<img alt="cover" class="cover" loading="lazy"
|
<img alt="cover" class="cover" loading="lazy"
|
||||||
src="https://t7.baidu.com/it/u=91673060,7145840&fm=193&f=GIF">
|
th:src="${#strings.isEmpty(recommandPost.spec.cover) ? theme.config.layout.postRandomImg : recommandPost.spec.cover}">
|
||||||
<div class="content is-center">
|
<div class="content is-center">
|
||||||
<div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-05-28</div>
|
<div class="date"><i class="far fa-calendar-alt fa-fw"></i>
|
||||||
<div class="title">这是一篇相关推荐文章</div>
|
[[${#dates.format(recommandPost.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}]]
|
||||||
|
</div>
|
||||||
|
<div class="title" th:text="${recommandPost.spec.title}"></div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,5 +13,5 @@ spec:
|
||||||
repo: 'https://github.com/liuzhihang/halo-theme-hao'
|
repo: 'https://github.com/liuzhihang/halo-theme-hao'
|
||||||
settingName: "theme-hao-setting"
|
settingName: "theme-hao-setting"
|
||||||
configMapName: "theme-hao-configMap"
|
configMapName: "theme-hao-configMap"
|
||||||
version: 1.0.3
|
version: 1.0.4
|
||||||
require: 2.0.0
|
require: 2.0.0
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue