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

1. 添加友链支持 

2. 新增设置是否动态主色
3. 其他
This commit is contained in:
liuzhihang 2022-12-24 16:13:29 +08:00
parent 5402f862ac
commit ab29047359
7 changed files with 216 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "halo-theme-hao",
"version": "1.0.3",
"version": "1.0.4",
"dependencies": {
}
}

27
settings.yaml
View File

@ -535,6 +535,21 @@ spec:
- group: post
label: 文章
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
name: copyright
label: 版权声明
@ -650,6 +665,18 @@ spec:
- label: 关闭
value: false
- group: link
label: 友链
formSchema:
- $formkit: text
name: smallTitle
label: 小标题
value: 友情链接
- $formkit: text
name: bigTitle
label: 大标题
value: 我和我的小伙伴们
- group: other
label: 其他设置
formSchema:

2
templates/assets/zhheo/blogex.js
View File

@ -761,7 +761,7 @@ document.addEventListener('pjax:send', function () {
})
document.addEventListener('load', function () {
coverColor()
// coverColor()
navTitle()
percent()
heo.topPostScroll()

169
templates/links.html Normal file
View File

@ -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>

6
templates/modules/layouts/layout.html
View File

@ -92,7 +92,11 @@
<script th:inline="javascript">
coverColor();
if ([[${theme.config.post.dynamicBackground}]]) {
// 图片主色
coverColor();
}
if ([[${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}]]) {
// 移除加载动画

20
templates/post.html
View File

@ -17,7 +17,7 @@
<div id="post-firstinfo">
<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"
th:each="category : ${post.categories}"
th:if="${not #lists.isEmpty(post.categories)}">
@ -196,20 +196,24 @@
</a>
</div>
</nav>
<div class="relatedPosts">
<div class="relatedPosts" th:if="${not #lists.isEmpty(post.categories)}">
<div class="headline">
<i class="iconfont icon-robot"></i>
<span>阅读建议</span>
</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>
<a href="#" title="相关推荐文章">
<div th:each="recommandPost :${recommandPosts}">
<a th:href="@{${recommandPost.status.permalink}}" th:title="${recommandPost.spec.title}">
<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="date"><i class="far fa-calendar-alt fa-fw"></i> 2021-05-28</div>
<div class="title">这是一篇相关推荐文章</div>
<div class="date"><i class="far fa-calendar-alt fa-fw"></i>
[[${#dates.format(recommandPost.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}]]
</div>
<div class="title" th:text="${recommandPost.spec.title}"></div>
</div>
</a>
</div>

2
theme.yaml
View File

@ -13,5 +13,5 @@ spec:
repo: 'https://github.com/liuzhihang/halo-theme-hao'
settingName: "theme-hao-setting"
configMapName: "theme-hao-configMap"
version: 1.0.3
version: 1.0.4
require: 2.0.0